watch: {
num: {
// 数据发生变化就会调用这个函数
handler(newVal, oldVal) {
console.log('oldVal:', oldVal)
console.log('newVal:', newVal)
},
// 立即处理 进入页面就触发
immediate: true,
deep: true // 深度监听,监听到更深层级值的变化
}
}
vue watch监听数据变化
最新推荐文章于 2024-07-07 14:44:39 发布
本文深入探讨 Vue.js 中的 `watch` 选项,详细解释了 `handler` 函数如何在数据变化时被调用,以及 `immediate` 和 `deep` 参数的作用。通过实例展示了如何实现深度监听数据对象的子属性变化,以便在组件状态更新时进行相应的逻辑处理。
摘要由CSDN通过智能技术生成