vue项目watch内的函数重复触发问题的解决

问题描述：有两个页面A和B，每个页面里都有一个后来发现是使用了因为使用了keep-alive所致，keep-alive会将Vue实例始终保持在内存中，因此该Vue实例始终存续，相应的watchers始终生效，查找相关资料后，发现许多人也遇到了这个问题，最后找到以下两种解决方案：解决方法1通过router路径来判断是否执行解决方法2添加一个flag参数来判断页面是否是active状态，使用keep-alive缓存的组件只会触发如果页面比较多，而且各页面里的函数名称不一致的话，可以把上面代码的watch部分去掉写成一个mixin，在需要的页面引入即可