怎么往vuex里面存数据
时间: 2023-08-11 14:39:58 浏览: 83
vue实现将数据存入vuex中以及从vuex中取出数据
要往 Vuex 中存储数据,需要通过 Vuex 的 mutations 来实现。mutations 是 Vuex 中专门用来修改 state 的方法。具体步骤如下:
1. 在 Vuex 的 store 中定义一个 state 对象,用于存放数据:
```
const store = new Vuex.Store({
state: {
count: 0
}
})
```
2. 定义一个 mutation 方法,用于修改 state 中的数据:
```
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
}
})
```
3. 在组件中使用 $store.commit 方法来提交 mutation,从而修改 state 中的数据:
```
methods: {
increment() {
this.$store.commit('increment')
}
}
```
4. 在组件中使用 $store.state.count 来获取 state 中的数据:
```
<template>
<div>{{ $store.state.count }}</div>
</template>
```
这样就可以通过 mutations 来实现向 Vuex 中存储数据了。
阅读全文