谢谢你请我吃鸡腿*^_^*
支付宝扫一扫打赏
微信扫一扫打赏
在vue3中很多地方相比较vue2语法过于自由，也可以说零碎，本篇下面来比较下在watch在vue2和vue3中的使用过程中的语法差异性
1 2 3 4 5 6 7 8 9 | watch: { obj: { handler(newVal, oldVal) { console.log(newVal, oldVal) }, immediate: true, // 初始化第一次是否执行 deep: true // 深度监听 } } |
1 2 3 4 5 6 7 8 9 | let book= reactive ({ name: 'JavaScript高级程序设计', publish_time: 2022 }) watch(book, (newValue, oldValue) => { console.log('book---', newValue, oldValue) }) // 默认依然初始化是获取不到旧的oldValue数据 |
1 2 3 4 5 6 7 8 9 10 | let book= reactive ({ name: 'JavaScript高级程序设计', publish_time: 2022 }) watch(book, (newValue, oldValue) => { console.log('book---', newValue, oldValue) },{ immediate:true // 同样，初始化执行 }) |
上一篇：【快速上手】vite打包配置详解—手把手教你配置vite
下一篇：Vue3中父子组件通信以及v-model双向数据传值
支付宝扫一扫打赏
微信扫一扫打赏
电话支持
173xxxx7240在线交流
微信添加
共 0 条评论关于"Vue3中watch使用方式及watchEffect光速了解"
最新评论