vue watch用法

作者：月冷清发布日期:2025-03-23 浏览:121

// Vue 2 示例代码

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

// 解释说明:
// 在上面的代码中，我们使用了 Vue 的 watch 选项来监听 data 中的 message 属性。
// 当 message 发生变化时，watch 中对应的函数会被触发，并且可以获取到新值和旧值。
// 这个机制非常适合用于在数据变化时执行异步操作或者开销较大的操作。

上一篇：vue splice()函数

下一篇：vue循环对象