一、vue2与vue3区别
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
1.根节点不同
- vue2中
必须要有根标签
- vue3中
可以没有根标签
,会默认将多个根标签包裹在一个fragement虚拟标签中,有利于减少内存。
2.组合式API和选项式API
- 在vue2中
采用选项式API,将数据和函数集中起来处理,将功能点切割了当逻辑复杂的时候不利于代码阅读。
- 在vue3中
采用组合式API,将同一个功能的代码集中起来处理,使得代码更加有序,有利于代码的书写和维护。
3.生命周期的变化
创建前:beforeCreate -> 使用setup()
创建后:created -> 使用setup()
挂载前:beforeMount -> onBeforeMount
挂载后:mounted -> onMounted
- 更新前:beforeUpdate -> onBeforeUpdate
- 更新后:updated -> onUpdated
- 销毁前:beforeDestroy -> onBeforeUnmount
- 销毁后:destroyed -> onUnmounted
- 异常捕获:errorCaptured -> onErrorCaptured
- 被激活:onActivated 被包含在
<keep-alive>
中的组件,会多出两个生命周期钩子函数。被激活时执行。 - 切换:onDeacti