vue 监听vuex的state数据变化

你可以使用 `vuex` 提供的 `mapState` 工具函数将 `state` 映射到组件的计算属性中，然后使用 `watch` API 监听计算属性的变化。具体实现步骤如下：

1. 在组件中引入 `vuex` 并使用 `mapState` 函数将 `state` 映射到计算属性中：

   import { mapState } from 'vuex'
   
   export default {
     computed: {
       ...mapState(['state1', 'state2'])
     },
     // ...
   }

2. 在组件中使用 `watch` API 监听计算属性的变化：

   import { mapState } from 'vuex'
   
   export default {
     computed: {
       ...mapState(['state1', 'state2'])
     },
     watch: {
       state1(newValue, oldValue) {
         // do something
       },
       state2(newValue, oldValue) {
         // do something
       }
     }
   }

这样，当 `state1` 或 `state2` 的值发生变化时，对应的 `watch` 函数就会被调用。