vue2 watch监听

作者：千山暮雪ミ发布日期:2025-04-30 浏览:102

// 在 Vue 2 中，watch 用于监听数据的变化并执行相应的回调函数。
// 下面是一个简单的示例代码，展示了如何使用 watch 监听一个数据属性的变化。

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

// 解释说明：
// 当 `message` 的值发生变化时，watch 中定义的回调函数会被触发，并传入新值和旧值作为参数。
// 这个例子中，当 `message` 发生变化时，会在控制台输出新旧值。

上一篇：vue3 i18n

下一篇：vue判断字符串包含字符