二、Vuex的安装与使用 ------ 2019-11-28

1、在src目录下创建一个store.js文件(或者store目录):

// store.js

// 1、导入Vue
import Vue from 'vue'
// 2、导入Vuex
import Vuex from 'vuex'

// 在Vue中使用Vuex
Vue.use(Vuex)

// 创建一个仓库
export default new Vuex.Store({
  state: {

  },
  mutations: {

  },
  actions: {

  }
})

2、将创建好的仓库挂载到Vue上:

// main.js

import Vue from 'vue'
import App from './App.vue'
// 导入创建的仓库
import store from './store'

Vue.config.productionTip = false

new Vue({
  store,// 将仓库挂载到Vue上
  render: h => h(App)
}).$mount('#app')

// 这步挂载操作相当于执行:Vue.prototype.$store = store;

你可能感兴趣的:(二、Vuex的安装与使用 ------ 2019-11-28)