VUE中watch用法

　 短视频，自媒体，达人种草一站服务

一、 watch是什么？

监测 Vue 实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值，用一个函数取代。

简洁的说：watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。

二、watch的（三种）应用

1、监听一个数据变化

data(){

return{

val:'2'

}

},

watch: {

val: {

handler(newVal, objVal) {

console.log(11);

},

}

}

2、当监测为对象的时候（非数组情况），deep = true （对象内部的属性监听，也叫深度监听），包含handler方法和immediate（进入组件的时候，第一次并不会执行watch，是因为immediate 默认 false，当 immediate = true 的时候，进入组件会立即执行。并且可以监测到组件传递数据）

watch: {

'obj.name': {

handler(newName, oldName) {

// ...

},

deep: true,

immediate: true

}

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!