vue中watch简单使用

Posted 2020-10-30 因为是你的笔记呀

原文：https://blog.csdn.net/wangxiaoxiaosen/article/details/78487089

watch是一个对象，具有键值对；键指被监听的数据，值指处理方式。

值类型包括以下三个：

1. 第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。
2. 第二个是deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。）
3. 第三个是immediate：其值是true或false；确认是否以当前的初始值执行handler的函数。

var vm = new Vue({
  data: {
    a: 1,
    b: 2
  },
  watch: {
    a: function (val, oldVal) {
      console.log(‘new: %s, old: %s‘, val, oldVal)
    },
    // 方法名
    b: ‘someMethod‘,
    // 选项的对象
    c: {
      handler: function (val, oldVal) { /* ... */ },
      deep: true，
      immediate: true
    }
  }
})