当前位置:首页>维修大全>生活>

vue for循环组件可以watch监听吗

vue for循环组件可以watch监听吗

更新时间:2023-04-21 19:06:24

vue for循环组件可以watch监听吗

可以监听的

watch是一个对象,这个对象的键是需要观察的表达式,值可以是直接方法、方法名、包含选项的对象等等,Vue实例会在实例化时调用$watch(), 遍历watch对象的每一个属性,并且观察。

watch {

{ [key: string]: string | Function | Object | Array }

}

代码示例:

// 我们用vue的v-model指令来验证下watch对象的功能

<div>

<p>{{msg}}</p >

<input v-model="msg">

</div>

// pattern1 directly method value

watch {

// msg1 为表达式, function(oldVal, newVal)为匿名函数,作为回调函数

msg1: function (newVal, oldVal) {

console.log("oldVal is: " + oldVal + " newVal is: " + newVal);

}

}

在双向绑定输入框输入一些值后,看console里watch对象的效果:

// 初始值为init,输入init1之后的console输出

oldVal is: init newVal is: init1

更多栏目