vue2和vue3的区别

一、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()在组件卸载完成之后执行的函数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值