vuex 多条件搜索

Vuex 是一个专为 Vue.js 应用程序设计的状态管理模式，它将应用的状态集中存储在一个单一的地方，使得状态能够更好地管理和共享。对于多条件搜索功能，Vuex 可以通过创建专门的 actions 和 mutations 来管理搜索逻辑。

1. **Actions**：当用户输入搜索条件时，你可以触发一个 action，这个 action 会发送请求到后端服务器获取匹配的数据，同时传递所有的搜索条件作为参数。例如：

actions: {
  search({ commit }, { conditionA, conditionB }) {
    axios.get('/api/search', { params: { a: conditionA, b: conditionB } })
      .then(response => {
        commit('setSearchResults', response.data);
      })
      .catch(error => {
        // 处理错误
      });
  }
}

2. **Mutations**：在 actions 中接收到数据后，会通过 mutations 更新 store 的状态。比如：

mutations: {
  setSearchResults(state, results) {
    state.searchResults = results;
  }
}

3. **State 定义**：store 内部有一个表示搜索结果的对象：

state: {
  searchResults: [],
}

4. **组件内使用**：组件通过 `mapActions` 或 `this.$store.dispatch` 调用 action 进行搜索，并在 computed 或 watch 钩子中监听 mutations，显示或更新搜索结果。