vue3 监听vuex里的数据花边

在 Vue3 中监听 Vuex 中的数据变化可以通过使用`watch`函数来实现。具体步骤如下：

1. 在组件中导入 `useStore` 函数并调用来获取 Vuex 的 store 实例。

   import { useStore } from "vuex";
   
   export default {
     setup() {
       const store = useStore();
       // ...
     }
   }

2. 使用 `watch` 函数来监听 store 中数据的变化。

   import { useStore, watch } from "vuex";
   
   export default {
     setup() {
       const store = useStore();
   
       watch(() => store.state.yourState, (newValue, oldValue) => {
         // 处理数据变化
       });
     }
   }

在上面的代码中，我们使用了 `watch` 函数来监听 `store.state.yourState` 的变化，并在回调函数中处理数据变化。

需要注意的是，在 Vue3 中，我们需要使用 `setup` 函数来编写组件代码，而不是使用以前的 `created` 或 `mounted` 钩子函数。此外，如果你想要监听多个数据的变化，可以使用 `watchEffect` 函数来监听整个 store 的变化。