vue vuex存取数组
时间: 2023-07-05 20:28:12 浏览: 121
在Vue中,可以使用Vuex来管理全局的状态。要在Vuex中存储一个数组,可以通过定义一个数组类型的state来实现。例如:
```
const store = new Vuex.Store({
state: {
myArray: []
},
mutations: {
setMyArray(state, newArray) {
state.myArray = newArray;
}
}
});
```
在上面的例子中,定义了一个名为`myArray`的数组类型的state,并定义了一个名为`setMyArray`的mutation,用于更新`myArray`的值。接下来可以通过调用`commit`方法来触发`setMyArray`mutation的执行,从而更新`myArray`的值。例如:
```
// 假设需要将一个新的数组存储到Vuex中
var newArray = [1, 2, 3];
// 触发mutation来更新myArray的值
store.commit('setMyArray', newArray);
```
要从Vuex中获取存储的数组,可以通过在Vue组件中使用`mapState`辅助函数来获取状态。例如:
```
import { mapState } from 'vuex';
export default {
computed: {
...mapState(['myArray'])
}
}
```
在上面的例子中,通过`mapState`函数将`myArray`映射到当前组件的计算属性中,从而可以在组件中通过`this.myArray`来获取存储在Vuex中的数组。
阅读全文