下载vuex
npm install vuex@3
创建vuex文件并引入vuex代码
modules
const state = {}; const mutations = {}; const actions = {}; const getters = {}; export default { state, mutations, actions, getters }
index.js
//下载vuex(npm install vuex@3) //Vuex依赖vue import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //main.js引入vuex文件 //引入小仓库 import modules1 from './modules1' import modules2 from './modules2' //创建并暴露store export default new Vuex.Store({ //使用小仓库 modules: { modules1, modules2, } })
main.js引入vuex
import Vue from 'vue' import App from './App.vue' import vuexStore from './vuexStore' Vue.config.productionTip = false new Vue({ render: h => h(App), store: vuexStore, //vm实例引入vuex }).$mount('#app')