Vue2与Vue3区别以及兼容那些浏览器酌情使用

一、vue2与vue3区别

vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。

项目地址：https://gitcode.com/gh_mirrors/vu/vue

免费下载资源

1.根节点不同

1. vue2中必须要有根标签
2. vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。

2.组合式API和选项式API

1. 在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。
2. 在vue3中采用组合式API，将同一个功能的代码集中起来处理，使得代码更加有序，有利于代码的书写和维护。

3.生命周期的变化

1. 创建前：beforeCreate -> 使用setup()
2. 创建后：created -> 使用setup()
3. 挂载前：beforeMount -> onBeforeMount
4. 挂载后：mounted -> onMounted
5. 更新前：beforeUpdate -> onBeforeUpdate
6. 更新后：updated -> onUpdated
7. 销毁前：beforeDestroy -> onBeforeUnmount
8. 销毁后：destroyed -> onUnmounted
9. 异常捕获：errorCaptured -> onErrorCaptured
10. 被激活：onActivated 被包含在<keep-alive>中的组件，会多出两个生命周期钩子函数。被激活时执行。
11. 切换：onDeacti