Vue中用watch一次监听两个值的变化
在Vue中,你可以使用watch
来监听多个值的变化。你可以直接在watch
对象里定义多个监听属性。以下是一个简单的例子:
new Vue({
el: '#app',
data: {
value1: '',
value2: ''
},
watch: {
value1: function(newVal, oldVal) {
// 当value1变化时,这里的代码会被执行
console.log(`value1 changed from ${oldVal} to ${newVal}`);
},
value2: function(newVal, oldVal) {
// 当value2变化时,这里的代码会被执行
console.log(`value2 changed from ${oldVal} to ${newVal}`);
}
}
});
在这个例子中,value1
和value2
的变化都会被watch
监控到,并且对应的函数会被执行。这样你就可以同时监听多个值的变化了。
评论已关闭