vue2遇到问题--mixins中watch被多次调用

vue2遇到问题–mixins中watch被多次调用

1. 问题描述

有三个页面ABC，共用一个mixins-js文件，因为三个页面中有同一个功能，所以采取mixins，减少代码量；当再B/C页面调用改方法时，参数变化，mixins中的监听事件发生，此时监听事件同时发生了两次；但是单独在A页面就正常执行了一次。

2.找到问题

后来发现是因为A页面使用了keep-alive所致，keep-alive会将Vue实例始终保持在内存中，因此该Vue实例始终存续，相应的watchers始终生效

3.解决方案

使用了一个笨办法，把监听分别写到各自页面，且各自判断当前路由是否在该页面，满足再执行

4.补充

1> 还有种情况，AB两个页面同时监听vuex中某个参数，A页面使用了keep-alive导致，在B页面参数变化时，A中的监听也执行，各自调用不同事件。
2>解决方案：1）可以使用当前路由来判断 2）可以添加一个参数来判断A页面是否处于active状态，使用keep-alive缓存的组件只会触发activated和deactivated事件来修改参数的状态，从而判定是否执行A中的监听