一.集成Ant Design Vue npm install ant-design-vue@2.0.0-rc.3 --save 兼容性 Ant Design Vue 2.x 支持所有的现代浏览器. 如果需要支持 IE9+,你可以使用 Ant Design Vue 1.x & Vue 2.x. 对于 IE 系列浏览器,需要提供 es5-shim 和 es6-shim 等 Polyfills 的支持. 二.组件的使用 官网地址: https://2x.antdv.com/docs/vue/getti

是从 Vue 2 开始学基础还是直接学 Vue 3 ?尤雨溪给出的答案是:"直接学 Vue 3 就行了,基础概念是一模一样的." 以上内容源引自最新一期的<程序员>期刊,原文链接为<直接学 Vue 3 吧 -- 对话 Vue.js 作者尤雨溪>. 前言 Vue 3.0 出来之后,我一直在不断的尝试学习和接受新的概念.没办法,作为一个前端开发,并且也不是毕业于名校或就职于大厂,不断地学习,培养学习能力,才是我们这些普通前端开发的核心竞争力. 当然,有些同学抬杠,我

不要让自己的上限成为你的底线 前言 诈尸更新系列,为了跟上脚步,尝试了vue3,在学习vue3的时候顺便学习一手electron和ts,本教程将分别发布,源码会在最后的文章发布.因为还在开发中,目前也是为了防止有些遇到坑不会及时忘掉,所以先整理一部分出来 将分2部分发出教程,因为配置的东西个人感觉有点多并且跟开发内容相关的东西并不是很多,因此单独发出,见谅,第二篇这两天发出,长文警告!. 开发思路: 页面: 列表页index.vue 头部.搜索.内容部分,只能有一个列表页存在 设置页settin

入门 Vue3的教程很少,官方网站实例不好整,另外由于Python的Django也掌握了,学习这个有些让人眼乱.Vue项目创建后,在public目录下面自动生成了一个index.htm,里面有个div id="app",这就是简单实例中需要mount的入口,整了半天才发现. Vue程序的入口,是main.js文件,里面要完成以下工作. 导入createApp import createApp from "vue" 注意这个vue,我的理解应该是js/vue.js这个

简介 <Asp.Net Core3 + Vue3入坑教程> 此教程适合新手入门或者前后端分离尝试者.可以根据图文一步一步进操作编码也可以选择直接查看源码.每一篇文章都有对应的源码 目录 <Asp.Net Core3 + Vue3入坑教程>系列教程目录 Asp.Net Core后端项目 后端项目搭建与Swagger配置步骤 配置CROS策略解决跨域问题 AutoMapper & Restful API & DI EF Core & Postgresql .Ne

简介 <Asp.Net Core3 + Vue3入坑教程> 此教程适合新手入门或者前后端分离尝试者.可以根据图文一步一步进操作编码也可以选择直接查看源码.每一篇文章都有对应的源码 目录 <Asp.Net Core3 + Vue3入坑教程>系列教程目录 Asp.Net Core后端项目 后端项目搭建与Swagger配置步骤 配置CROS策略解决跨域问题 AutoMapper & Restful API & DI EF Core & Postgresql .Ne

简介 <Asp.Net Core3 + Vue3入坑教程> 此教程仅适合新手入门或者前后端分离尝试者.可以根据图文一步一步进操作编码也可以选择直接查看源码.每一篇文章都有对应的源码 教程后期会将 .Net Core 3升级成 .Net Core 5 目录 <Asp.Net Core3 + Vue3入坑教程>系列教程目录 Asp.Net Core后端项目 后端项目搭建与Swagger配置步骤 (暂未发表敬请期待...)CORS跨域问题处理 (暂未发表敬请期待...)AutoMappe

之前发布过一篇文章<Vue3教程:开发一个 Vue 3 + element-plus 的后台管理系统>,文中提到会开发并开源一个 Vue 3 + Element Plus 的项目供大家练手和学习,随后也一直有收到留言和反馈,问我什么时候开源之类的问题,今天终于可以通知大家,完成啦!开源啦! 如果觉得我写得还行的话,请献上你宝贵的一赞,这将是我持续写作的动力!感谢大家啦. vue3-admin 开源地址 所有的代码.文件全部都开源到 GitHub 仓库中,前后端代码全部都在仓库里. 并没有任何藏

目录 1,前言 1,Router 2.1,跳转 2.2,打开新页面 3,Route 4,守卫 4.1,onBeforeRouteLeave 4.2,onBeforeRouteUpdate 4.3,路由守卫语法 5,重要变更 1,前言 本文主要讲开发过程中需要常用的,有些api不常用,需要的时候可以自行查找文档.因为V3中没有了this,所以router4语法有所修改,模板中我们仍然可以访问$router和$route,所以不需要在setup中返回router或route Vue-Router4.

目录 前言 1,setup 1.1,返回值 1.2,注意点 1.3,语法 1.4,setup的参数 2,ref 创建响应式数据 3,reactive 创建响应式数据 4,computed 计算属性 5,watch 监听 6,watchEffect 监听回调 7,生命周期 7.1,改变 7.2,语法 8,toRef 创建ref 9,toRefs 响应式转换 10,shallowReactive 响应式外层转换 11,shallowRef 基本数据响应式 12,readonly 响应式变只读 13,

目录 1,前言 2,State 2.1,直接使用 2.2,结合computed 3,Getter 3.1,直接使用 3.2,结合computed 4,Mutation 4.1,直接使用 4.2,结合computed 5,Action 5.1,直接使用 5.2,结合computed 1,前言 这些内容是博主在学习过程中记录下来的,有一些不重要的点就跳过了,需要时自行查询文档,4.0对比3.0,区别不大. VueX4.0官网 2,State 语法有所调整 2.1,直接使用 import { onMo

开发前端需要准备一些开发工具,这些工具怎么安装就不详细描写了,度娘一些很多很多.主要把核心的开发工具列表一些,这些资源也是非常容易找到和安装的. Node 安装:https://nodejs.org/en/ 安装LTS版本,验证安装成功:node -v : npm -v Typescript 安装:

目录 1. 你应该先知道的基础知识 1.1. CesiumJS 的库构成 1.2. 选择 Vite3 和 pnpm 的理由 1.3. 使用 External 模式引入静态库 - 不打包静态库 1.4. 切勿什么都 import - 以及页面运行的时候的路径与开发时的路径 2. 一步一步教你创建项目 2.1. 使用 create-vue 或 vite 模板 2.2. 指定版本安装 cesium 依赖 2.3. 不使用锁文件 2.4. 配置 External 和构建后的 index.html 2.5

第一步: 要做一个electron项目,理论上我们应该从electron-quick-start开始,就是说我们需要如下3个文件: package.json,node工程最基本的要求,类似于Java的pom.xml main.js 创建窗口,工作在electron的主进程 index.html 页面,工作在electron的渲染进程 但由于我们要使用antd, antd基于react,它是一个react工程,所以我们从最简单的react工程 create-react-app开始,为什么不用ant

之前发布过一篇文章,告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上,供大家练手和学习,随后也一直有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,今天终于可以通知大家,完成啦!开源啦! 由于正常上班的缘故,所以只能抽出空闲时间来做,适逢几次加班,导致比预估的工时推迟了一些时间,2020 年 11 月 3 日把项目开发的差不多了,之后一直处于自测和修改小问题的阶段. 我发现大家对这个项目的热情也挺高,所以在上周末也把项目部署到线上,让大家帮忙测试了一波.不过时间匆促

前言 寻寻觅觅冷冷清清,凄凄惨惨戚戚. Vue 3 发布以后,最近也在学习和写一些 Vue3 的 demo 和项目,我也一直想着什么时候能在小程序里使用新特性? 于是我翻遍了市面上的小程序框架,如 uni-app.wepy.mpvue,目前(截止至2020年11月5日)还都没能做到兼容 Vue 3 的写法,直到我发现了一个很骚的东西,Taro 居然支持 Vue 3. 很惊喜! 开整 废话少说,放码过来,我们直接开整! 首先需要全局安装 @tarojs/cli: # 使用 npm 安装 CLI $

人云亦云,并不会让你变得有多优秀,而会让你越来越随大流. 当你和别的开发在聊到 Vue 3.0 版本发布,有哪些亮点时,你的答案之一肯定有"它变得更快了,性能上快了 1.2 - 2倍". 那么我就想问你,是什么让 Vue 变快了,尤大已经在 beta 版的线上直播上告诉了我们答案. PatchFlag(静态标记) Vue 2.x 中的虚拟 DOM 是全量对比的模式,而到了 Vue 3.0 开始,新增了静态标记(PatchFlag). 在更新前的节点进行对比的时候,只会去对比带有静态标记

由于vue3用的人还不多,所以有些问题博主踩了坑只能自己爬出来了,特此做个记录.如有错误,请大家指正. 回归正题,我所做的业务是,动态添加表单项,对每一项单独做校验,效果如下: 主要代码如下: 1 <a-form 2 name="custom-validation" 3 ref="formRef" 4 :model="modelRef" 5 :rules="rules" 6 v-bind="layout&quo

----微信支付文档,不得不说,挺乱!(吐槽截止) 功能背景 微信公众号中,点击菜单或者扫码,打开公众号中的H5页面,进行支付. 一.技术栈 前端:Vue:3.0.0,typescript:3.9.3,axios,vant,weixin-jsapi(微信官方wxjsdk) 后端:Koa,wxpay-3(不错的apiv3封装 https://github.com/yangfuhe/node-wxpay),axios 二.微信公众平台配置 1. 申请公众号. 2. 公众号设置:功能设置,JS接口安全

1. 概述 洛克定律告诉我们: 当我们的目标很远大,远到我们都看不到终点时,放弃几率就会很大,就像跑马拉松比赛,由于时间长.距离长,很多选手都会选择在中途放弃. 其实有个好办法,就是拆分,把大目标拆分成很多的小目标,这些小目标都是能够看到终点的,让自己有一种努力一下就能完成目标的感觉,当把所有的小目标完成后,大目标自然也就完成了. 言归正传,上一节我们聊了子组件修改父组件数据的几种方式,今天我们继续聊一些更高级的用法. 2. 多个 v-model 绑定  2.1 回顾 v-model 方式,修改

1. 概述 非理性定律告诉我们: 人们总是习惯于以情感去判断眼前的事物,非理性的去做决定. 对于长远的利益,人们更愿意去选择短期的利益. 因此在做决定前要让自己冷静,理性的分析,让自己看的更远. 言归正传,今天我们来聊一个新的概念 -- 插槽. 2. 插槽的使用 2.1 一个简单的例子 我们先来看一个简单的例子 <body> <div id="myDiv"></div> </body> <script> const app =