vuex state
时间: 2023-10-31 09:59:49 浏览: 92
vuex
Vuex 是一个用于 Vue.js 应用程序的状态管理模式。State 是 Vuex 中存储数据的地方。它类似于组件中的 data,但是可以被多个组件共享和访问。State 是响应式的,当 State 中的数据发生变化时,所有使用该数据的组件都会自动更新。
在 Vuex 中,State 通常由一个 JavaScript 对象表示,包含应用程序的数据。可以在创建 Vuex store 实例时初始化 State,然后在组件中通过访问 store.state 来读取和修改 State 中的数据。例如:
```javascript
// 创建 Vuex store 实例
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
}
})
// 在组件中读取和修改 State
console.log(store.state.count) // 输出: 0
store.commit('increment')
console.log(store.state.count) // 输出: 1
```
上述代码中,State 中包含一个名为 count 的属性,初始值为 0。通过在组件中调用 `store.commit('increment')`,可以触发名为 increment 的 mutation,从而修改 State 中的数据。
阅读全文