vuex3中的watch

在 Vuex3 中，watch 是一个用于监听 state 中数据变化的方法。watch 方法接收两个参数，第一个参数是要监听的 state 属性，第二个参数是回调函数，当 state 中被监听的属性发生变化时，回调函数将被调用。

例如，我们可以监听 state 中的 count 属性：

import { watch } from 'vuex';

const store = new Vuex.Store({
  state: {
    count: 0,
  },
  mutations: {
    increment(state) {
      state.count++;
    },
  },
});

watch(
  () => store.state.count,
  (newCount, oldCount) => {
    console.log(`count changed from ${oldCount} to ${newCount}`);
  }
);

这段代码会在 state 中的 count 属性发生变化时输出变化前后的值。需要注意的是，watch 方法只能监听 state 中的数据变化，而不能监听 getters 或 actions 中的变化。如果需要监听 getters 或 actions 中的变化，可以使用 computed 属性或者在回调函数中手动获取相应的值。