监听vuex数据的方法

1首先在computed中把数据返回

computed: {
contractFile() {
return this.$store.state.user.contractFile
}
},

2然后在watch中监听并操作

immediate:true代表如果在wacth里声明了之后就会立即执行里面的handler方法
watch: {
contractFile: {
       immediate: true,
     handler: function (newval) {
      this.operations(newval)
     }
}},

3 .此时如果VUEX里的数据发生改变，会同时触发this.operations();

4.注释：此方法也可用于app.vue监听this.$route变化

5 监听router数据

组件内

参考链接 https://blog.csdn.net/TLROJE787/article/details/95458513?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-3-95458513.nonecase&utm_term=%E6%80%8E%E4%B9%88%E7%9B%91%E5%90%AC%E5%88%B0vuex%E9%87%8C%E9%9D%A2%E7%9A%84%E6%95%B0%E6%8D%AE

监听vuex数据的方法

推荐阅读