VueX

• Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

安装

npm install vuex --save

// ie兼容
npm install es6-promise --save # npm
import 'es6-promise/auto'
//vuex引用
import Vuex from 'vuex'
Vue.use(Vuex)

起步

• Vuex 应用的核心就是 store（仓库）。它包含着你的应用中大部分的状态 (state)。
• Vuex 的状态存储是响应式的。
• 不能直接改变 store 中的状态。只能显式地提交 (commit) mutation

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

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

new Vue({
  el: '#app',
  store: store,
})