一、vue2和vue3的双向数据绑定不一样了
1.vue2的双向数据绑定是通过Object.definePropert 对数据进行订阅 劫持 和发布者模式来实现双向数据的
2.vue3的双向数据绑定是通过es6中的Proxy对数据的代理
二、vue2和vue3的API调用方法不一样了
1.vue2使用的是选项API(Options API) vue3使用的是组合API(Composiyion API)
三、过滤器
过滤器是针对vue2的 vue3不常用过滤器
四、vue3方法
在vue3中需要使用一个steup()方法,这个分方法在组件初始构造是进行触发
需要三步:
1.从vue引入reactive import { reactive } from 'vue' ,必须要 return 出去,不return出去的话它不会报错,但是不会管用
2.使用reactive()来声名我们的数据为响应式的数据
3.使用steup()方法来返回我们要响应的数据
五、vue3的生命周期函数
1.steup() 在组件创建之前
2.onBeforeMount() 在组件挂载在节点上之前执行的函数
3.onMounted() 在组件挂载在节点上之后执行的函数
4.onBeforeUpdate() 在组件更新之前执行的函数
5.onUpdated()在组件更新之后执行的函数
6.onBeforeUnmount()在组件卸载之前执行的函数
7.onUnmounted()在组件卸载完成之后执行的函数