[email protected]

核心

Vuex的核心是store，具有以下特点：

1. 响应式的状态存储，数据组件同步更新
2. 无法显式更改store中的数据，只能通过提交mutations（事务）来改变

** 简单使用 **

// 在开头调用 Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

// 提交事务触发数据变动
store.commit('increment')

console.log(store.state.count) // -> 1

核心概念