Vue3和Vue2的一些区别

目录

一、main.js文件的不同

二、app.vue组件的不同

三、添加了新的配置项——setup

四、ref函数

五、reactive函数

六、Vue3里面的响应式使用

七、setup函数的注意事项

1.setup函数的执行时间

2.setup函数的参数

八、computed计算属性

九、watch监视函数

1.watch监视ref定义的基本数据类型

2.watch监视reactive定义的对象和数组类型

3.watchEffect智能监视(Vue3里面新添加的)

十、生命周期

十一、toRef函数

十二、其他组合式API

1.shallowReactive

2.shallowRef

3.readonly和shallowreadonly

4.toRaw和markRaw

十三、vue3里面新的组件

1.fragment组件

2.Teleport传送组件

---

一、main.js文件的不同

我们先分析vue3里main.js文件

注意：vue3的main.js里面不能再写vue2的写法了。

保险起见，还是将Vue3的完整main.js代码贴在这里

二、app.vue组件的不同

我们首先打开一个崭新的vue3 app.vue文件

我们可以清晰的看到