Ⅰ.为啥要学vue3 ?
【入坑vue3|vue3入门,其实吧,压力也没那么大】对于类型,比较真的话用 React 也不是不好,无非就是性能差点 ~~
作者的这句话间接说明了:vue3对ts的兼容性完胜于react
最主要一点是简单,开发速度快 !!!( 或者说公司要用 )
Ⅱ.vue3 是如何变 快 的 ?
介绍 | vue3.0 | vue2.0 |
---|---|---|
双向绑定优化 | vue3采用ES6的proxy 去代理(引用数据类型) 【省去了一个Object.keys()的遍历时间】 详情:点击这里 |
vue2 采用Object.defineProperty() 【需要对属性进行Object.keys() ,所以必须在data函数中注册】 |
diff算法优化 | vue3只对可能发生变化的标签 (做过静态标记) 的进行对比 | vue2的虚拟dom 全量对比 (费时间) |
静态提升 | 不需要更新的dom元素 会做静态提升 只创建一次 | - |
… | … |
入坑必备 | 详情(及与vue2的对比) |
---|---|
Api模块化 | 需要什么导入什么,如: import { onMounted } from ‘vue’ |
vue3 组件通信 | 点击这里 |
vue3 数据响应 | 点击这里 |
vue3 钩子函数 | 点击这里 |
watch 和 computed | 点击这里 |
vue3 路由变化 | 点击这里 |
vue3 使用 vuex | 点击这里 |
进阶必备 | 详情 |
---|---|
pinia的使用(vuex5.0理念) | 点击这里 |
vue3组件递归应用 (封装组件) | 点击这里 |
vue3 常用Api | 待更新 |
vue3新增其他Api | 待更新 |
vue3非递归监听(性能优化) | 待更新 |
。。。 | 。。。 |
推荐阅读
- 面试分享|华为od 面试题及流程 (前后端)
- 前端|前端食堂技术周刊第 43 期(Vue 2.7 Naruto、Prisma 4.0.0、Grid 布局生成器、HTML Tips)
- java|Vue 2.7 正式发布,代号为 Naruto
- 后端|边车容器下的服务网格istio
- 前端笔记|Node.js笔记-Koa2与Redis在项目中安装使用
- 自建个性化自动报价系统,应对多变报价模式
- javascript|HarmonyOS应用开发(目录、基本规则、创建项目)
- 前端|vue3 基于faceapi.js实现人脸识别
- 小程序|微信小程序实训|基于云数据库的语文听写工具