1. 安装 vuex 依赖包

  1. npm install vuex --save

2. 导入 vuex 包

  1. import Vuex from 'vuex'
  2. Vue.use(Vuex)

3. 创建 store 对象

  1. const store = new Vuex.Store({
  2. // state 中存放的就是全局共享的数据
  3. state: { count: 0 }
  4. })

4. 将 store 对象挂载到 vue 实例中

  1. new Vue({
  2. el: '#app',
  3. render: h => h(app),
  4. router,
  5. // 将创建的共享数据对象,挂载到 Vue 实例中
  6. // 所有的组件,就可以直接从 store 中获取全局的数据了
  7. store
  8. })