利用computed和watch实现监听Vuex状态监听

有时候我发现在学一门新知识的时候发现，直接看教程总是看不进去，然后在项目中碰到了在回头看发现反而理解得更好些，记得也更牢些。比如标题中这个知识点，现在项目中有用到，因此在这里做个总结。

你可以像这样实现对vuex全局状态的监听

computed: {
    f1() {
        return this.$store.state.xxxx
  }
},
watch: {
    f1(curVal, oldVal) {
          //这里的curVal就是需要监听的值
    }
 }

computed 里一般写个函数，这个函数里一定是return一个结果。这里你可以直接用f1作为本组件监听$store.state.xxxx，也可以在本组件里声明一个变量然后再通过watch监听，将watch中的curVal赋值给该变量从而达到使用的目的。

链接：https://www.jianshu.com/p/b5365c05882b
来源：简书