Ⅰ.为啥要学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非递归监听(性能优化) | 待更新 | 。。。 | 。。。 |
|