嗨,我是小路。今天主要和大家分享的主题是“vue3 和vue2有什么区别?”。
1.性能提升
方法:vue3通过重写了虚拟DOM实例和优化编译模版,组件初始优化速度和SSR速度有所提高。
vue3的虚拟DOM用更高效算法,减少不必要的DOM操作,提高了渲染的速度。
2.新特性
方法:vue3引入了组合式API,兼容vue2的选项式API,解决了vue2的代码散乱、提高了代码的可读性和复用性。
vue3的组合式API,让前端更像后端的代码一样便于阅读和封装。
3.周期函数
方法:vue3的生命周期函数也发生了变化,大部分生命周期前加了ON,onbeforeCreate,onMounte,onUnMount等等
setup函数围绕beforeCreate和create运行,不需要显示钩子
4.typescript支持
方法:vue3从设计开始就考虑了typescript的支持,而vue2虽然支持typescript,但是不完善,类型推断和检查比较弱。
5.状态管理工具
方法:vue2主要运用Vuex,通过state、getters、mutations和action组织管理状态,采用的单一全局状态树。
vue3使用pinia,允许有多个store模块,支持模块化状态管理,更加灵活,而且pinia比vuex少一个mutations。
4.typescript支持
方法:vue3通过重写了虚拟DOM实例和优化编译模版,组件初始优化速度和SSR速度有所提高。
vue3的虚拟DOM用更高效算法,减少不必要的DOM操作,提高了渲染的速度。
5.this关键字
方法:vue2使用this,vue3的组合式api,很少使用this关键字。
6.减少打包体积
方法:vue3的虚拟dom采用模块化设计,开发者可以进行tree-shaking优化,减少最终打包体积
参考文章:
https://baijiahao.baidu.com/s?id=1816421934076380477&wfr=spider&for=pc
https://www.baidu.com/s?ie=UTF-8&wd=vue3%E5%92%8Cvue2%E7%9A%84%E5%8C%BA%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88
都看到这里了,记得【点赞】+【关注】哟。