前言:
时至今日,vue3已经成为默认版本。因为目前项目中还在使用vue2,所以想写一些博客,记录整理vue3的一些知识,以便今后查看。(咱们就是说,本着‘实践是检验真理的唯一标准’的态度,冲就完了)
为什么用vue3:
- 更强的性能,更好的tree shaking
- Composition API + setup
- 更好地支持 TypeScript
vue3的几个亮点:
- Performance:性能优化
- 编译阶段:diff算法的优化,静态提升,事件监听缓存,SSR优化
- 响应式系统:
Proxy()替代Object.defineProperty()
- Tree-shaking support:支持摇树优化
- Tree shaking 通过清除多余代码方式来优化项目打包体积
- Composition API:组合API
setup()语法糖,ref(),reactive(),watch(),computed(),生命周期等等(后面我们详细说)
- Fragment,Teleport,Suspense:新增的组件
- Better TypeScript support:更好的TypeScript支持
- Custom Renderer API:自定义渲染器
结语:
目前就是简单总结一下vue3的优势,然后我们再来从细节上逐个攻破。