VUE中的watch支持数组函数

前言

最近阅读VUE源码，发现watch对一个属性监听的时候，可以传入一个数组函数进行监听

源码

function initWatch (vm: Component, watch: Object) {
  for (const key in watch) {
    const handler = watch[key]
    // 可以为数组？
    if (Array.isArray(handler)) {
      for (let i = 0; i < handler.length; i++) {
        createWatcher(vm, key, handler[i])
      }
    } else {
      createWatcher(vm, key, handler)
    }
  }
}

测试

  watch: {
    type: [(v) => {
      console.log(v, 'v1');
    }, (v) => {
      console.log(v, 'v2');
    }],
  },
  created() {
    setInterval(() => {
      this.type += '1';
    }, 1000);
  },

每次变化的时候都可以按顺序触发数组函数。

找了文档好像没有这方面的介绍，挺有意思的。