vue-pubilc-layer监听vuex

Vue-Public-Layer是一个Vue插件，用于在Vue应用中监听Vuex状态的变化。通过在Vue组件中使用该插件提供的公共层，我们可以方便地观察Vuex store的变化，并在状态发生改变时执行相应的逻辑。

在Vue组件内使用vue-public-layer，我们需要首先在组件的data中声明要监听的Vuex状态，例如：

data() {
  return {
    count: this.$publicLayer.getters['counter/getCount']
  }
},

在上面的例子中，我们声明了一个count变量，并使用vue-public-layer提供的getters方法来获取Vuex store中counter模块下的count状态。

接着，我们可以在组件的methods或computed中使用这个变量来对Vuex状态的变化进行响应。例如：

methods: {
  increment() {
    this.$publicLayer.commit('counter/increment')
  },
  decrement() {
    this.$publicLayer.commit('counter/decrement')
  }
}

在上面的例子中，我们使用vue-public-layer提供的commit方法来提交Vuex mutations，来改变相应的状态。

通过这种方式，我们就可以在Vue组件中监听Vuex状态的变化，并执行相应的操作。vue-public-layer的使用使得我们更加灵活地控制Vuex store，使得我们可以更好地实现状态的管理和响应。

总结起来，vue-public-layer是一个能够监听Vuex状态变化的Vue插件，通过在Vue组件中使用该插件提供的公共层，我们可以方便地观察Vuex store的变化，并在状态发生改变时执行相应的逻辑。