看完以下资料,你完全可以上手去开发源码了,本文适合Vue初学者,或者Vue2迁移者,或者想开始学Vue3.0的选手,《Vue3.0从入门到精通》送给想技术提升的你们,点击下方图片即可领取!
除了上述资料,小编还准备一些Vue的面试题,希望您可以技术和面试双向提升。
Vue中如何监控某个属性值的变化?
比如现在需要监控data中,obj.a的变化。Vue中监控对象属性的变化你可以这样:
watch: {
obj: {
handler (newValue, oldValue) {
console.log('obj changed')
},
deep: true
}
}
deep属性表示深层遍历,但是这么写会监控obj的所有属性变化,并不是我们想要的效果,所以做点修改:
watch: {
'obj.a': {
handler (newName, oldName) {
console.log('obj.a changed')
}
}
}
还有一种方法,可以通过computed来实现,只需要:
computed: {
a1 () {
return this.obj.a
}
}
利用计算属性的特性来实现,当依赖改变时,便会重新计算一个新值。
以上就是小编为大家整理发布的“Vue3.0从入门到精通免费领取!”一文,更多相关内容尽在开课吧Web教程频道。
免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。

相关文章
全部评论快来秀出你的观点
登录 后可发表观点…
发表

暂无评论,快来抢沙发!