图鸟vuex怎么存取数据
时间: 2023-10-17 10:30:31 浏览: 88
vue实现将数据存入vuex中以及从vuex中取出数据
在 Vuex 中,数据存储在 state 中,可以通过 getters、mutations 和 actions 来对 state 中的数据进行存取操作。
1. 存取 state 数据:
可以直接通过 this.$store.state.xxx 来获取 state 中的数据,其中 xxx 为 state 中的某个属性名。例如:`this.$store.state.count` 表示获取 state 中的 count 属性。如果需要修改 state 中的数据,则需要通过 mutations 或 actions 来进行。
2. 存取 getters 数据:
getters 可以理解为是 state 的计算属性,可以通过 this.$store.getters.xxx 来获取 getters 中的数据,其中 xxx 为 getters 中的某个属性名。例如:`this.$store.getters.doneTodos` 表示获取 getters 中的 doneTodos 属性。
3. 修改 state 数据:
在 Vuex 中,state 的数据必须通过 mutations 来修改。可以通过 this.$store.commit('mutationName') 来调用 mutations 中的方法,从而修改 state 中的数据。其中 mutationName 为 mutations 中的某个方法名。
4. 异步修改 state 数据:
如果需要进行异步操作,例如网络请求等,则需要通过 actions 来处理。可以通过 this.$store.dispatch('actionName') 来调用 actions 中的方法,从而进行异步操作。在 actions 中可以包含任意异步操作,最终通过执行 mutations 来改变 state。
综上所述,可以通过 this.$store.state、this.$store.getters、this.$store.commit 和 this.$store.dispatch 来对 Vuex 中的数据进行存取操作。
阅读全文