監聽vuex數據的方法

監聽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