vue watch监听 props
时间: 2023-11-05 09:05:00 浏览: 656
Vue2.0用 watch 观察 prop 变化(不触发)
在Vue中,可以使用watch选项来监听props的变化。通过在组件中定义一个watch对象,然后在该对象中定义与props名称相同的属性,即可实现props的监听。当props的值发生变化时,watch对象中对应的属性的处理函数会被触发。
例如,假设有一个组件的props为config,在watch对象中定义一个与props名称相同的属性:
watch: {
config(newVal, oldVal) {
// 处理函数
console.log(newVal, oldVal);
}
}
当config的值发生变化时,处理函数将被调用,并且会传入新值和旧值作为参数。
阅读全文