Vue.js 实例对象的 ' $watch' 方法可以用来监听数据变化。可以在一个 Vue 实例中监听多个数据的变化。

例如,以下代码监听 'msg1' 和 'msg2' 两个数据的变化:

new Vue({
  data: {
    msg1: 'Hello',
    msg2: 'World'
  },
  watch: {
    msg1: function(newVal, oldVal) {
      console.log('msg1 变化了:', newVal, oldVal)
    },
    msg2: function(newVal, oldVal) {
      console.log('msg2 变化了:', newVal, oldVal)
    }
  }
})

在上面的代码中,当 'msg1' 或 'msg2' 数据变化时,对应的 'watch' 函数会被触发,打印出新旧值。

如果需要监听更多的数据变化,可以继续在 'watch' 选项中添加对应的函数即可。

Vue.js 中使用 $watch 监听多个数据变化

原文地址: https://www.cveoy.top/t/topic/ohPr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录