vuex 写了commit传不到mutations

可能是因为你的 commit 名称拼写错误或者 mutations 中没有对应的函数。请仔细检查一下代码，确保 commit 名称和 mutations 函数名称一致，并且在同一个模块中。如果还有问题，可以提供更多的代码细节，我会尽力帮助你解决问题。

相关问题

vuex中mutations怎么拿到getter的数据

Vuex中的`mutations`主要是用于处理状态（state）的更新，它们是纯函数，不能直接访问到store中的其他数据，包括getters获取的数据。但是，你可以通过在mutation处理函数内部调用getters来间接地使用getter获取的数据。

例如：

// getters.js
export const getUser = state => state.user;

// mutations.js
import { getUser } from '@/store/getters';

export const updateUserName = (state, payload) => {
  // 在这里可以先调用getter获取用户信息
  const user = getUser(state);
  // 然后对user进行操作并更新state
  state.user.name = payload.newName;
};

在这个例子中，`updateUserName` mutation会先从`getUser` getter中获取当前用户的详细信息，然后根据传入的payload更新用户名。

如果你需要在某个地方长期依赖于getters的数据，通常建议在actions里获取并缓存，然后在mutations中使用这个已缓存的数据。

// actions.js
export const updateUser = ({ commit }, payload) => {
  const user = getUser();
  commit('updateUserName', payload, { root: true }); // 将用户数据传递给mutation
};

// mutations.js
export const updateUserName = (state, payload, { rootState }) => {
  state.user.name = payload.newName; // 使用rootState中的数据
};

4：Vuex中actions和mutations的区别

在Vue.js中，Vuex是一个状态管理库，用于集中管理应用程序的所有组件的状态。Vuex中有两个重要的概念：mutations和actions。

mutations和actions都是Vuex中用于管理状态的方法，但是它们之间有一些区别。

1. mutations用于同步操作，而actions用于异步操作。mutations应该是同步函数，只能进行简单的状态修改，而actions可以进行异步操作，例如发起HTTP请求等。

2. mutations是直接修改state中的状态，而actions则是通过commit mutations来修改状态。mutations是用于修改state的唯一方法，而actions可以包含多个mutations操作，可以在不同的mutations之间进行控制流程的操作。

3. mutations是可以进行时间旅行的，可以通过commit来回滚到之前的状态。而actions则不是，因为actions是异步的，所以无法保证在回滚时的状态是正确的。

总的来说，mutations和actions都是用于管理状态的方法，在使用时需要根据具体的场景进行选择。mutations适用于同步操作，而actions适用于异步操作。