Vuex 是一个专为 Vue.js
应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
Vuex 的核心属性包括:
-
State:
- State 是 Vuex 存储数据的地方,类似于组件中的 data。它是一个单一的状态树,用一个对象就包含了全部的应用层级状态。
- 示例:
const store = new Vuex.Store({ state: { count: 0 } });
-
Getter:
- Getter 允许你从 store 中的 state 中派生出一些状态,例如对列表进行过滤并计数。Getter 会暴露为 store.getters 对象,你可以像访问计算属性一样访问它们。
- 示例:
const store = new Vuex.Store({ state: { todos: [ { id: 1, <