vue里v-if实现动态组件导致watch重复调用问题

写在前面

出现类似问题的原因

1. 使用了keep-alive
2. 组件未使用key , 之前使用angularjs也遇到了这个问题
3. 使用的脚手架封装了watch，原理类似这里

问题解决

仅针对第三种情况做解答
问题在于封装了watch，所以vue可能不能Destroy

方法1:

主动销毁即可，代码如下

  created() {
    this.unWatch = this.watchUpdate(() => {
      this.fetchList();
    });
  },

  beforeDestroy: function() {
    this.unWatch();
  }

方法2

参考这里 判断当前路由或者从父组件传入current_component判断(有点曲线救国的意思)

  created() {
    this.unWatch = this.watchUpdate(() => {
      if (this.$route.fullPath === 'A组件路由路径') {
        // do something
      }
    });
  }