vue2 store动态存储数据

在Vue2中，使用Vuex可以实现store动态存储数据。可以通过在state中定义变量，并在mutations中定义对应的方法，来实现数据的存储和更新。使用commit方法可以同步地修改state中的数据，而使用dispatch方法可以包含异步操作。具体的使用方法如下：

1. 在store.js中，定义state对象，并在mutations中定义对应的方法来修改state中的数据。
2. 在actions中，使用commit方法来触发对应的mutations方法，实现数据的修改。
3. 在组件中，可以使用$store.state来获取存储在store中的数据，使用$store.commit方法来修改数据。

示例代码如下：

// store.js
import Vue from "vue"
import Vuex from "vuex"

Vue.use(Vuex);

var state = {
  count: 1
}

var mutations = {
  add(state, arg) {
    state.count += arg;
  }
}

var actions = {
  add({ commit }, arg) {
    commit("add", arg);
  }
}

var store = new Vuex.Store({
  state,
  mutations,
  actions
})

export default store

<!-- app.vue -->
<template>
  <div>
    <input type="text" v-model="$store.state.count" />
    <input type="button" value="add" @click="$store.dispatch('add', 1)" />
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$store.state.count); // 获取存储在store中的数据
    this.$store.commit('add', 2); // 修改store中的数据
  }
}
</script>