vue watch监听

作者：不必假装在乎发布日期:2026-03-31 浏览:108

// Vue 2 示例代码
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  watch: {
    // 监听 message 的变化
    message(newVal, oldVal) {
      console.log('新的值:', newVal);
      console.log('旧的值:', oldVal);
    }
  }
});

// 解释说明:
// 在这个示例中，我们使用了 Vue 的 watch 选项来监听 `message` 属性的变化。
// 每当 `message` 的值发生变化时，watch 中定义的回调函数就会被触发，
// 并且会传入新的值 (newVal) 和旧的值 (oldVal)。
// 这个功能非常有用，可以用来在数据变化时执行一些特定的操作。

如果需要 Vue 3 的示例代码，请告知。

上一篇：vue3 父组件调用子组件方法

下一篇：vue3 setup