小仓库代码
//state 存数据的地方 const state = { a:1 }; //mutations 修改state的唯一手段 const mutations = { }; //action 处理action 书写逻辑的地方 const actions ={ //这里修改业务逻辑 不可修改state } //getter 理解为计算属性 const getters = { } //暴露出去 export default{ state, mutations, actions, getters }
index.js集合的代码
import Vue from "vue" import Vuex from 'vuex' //使用插件 使其生效 Vue.use(Vuex); //引入小仓库 import home from './home'; import search from './search'; //对外暴露 export default new Vuex.Store({ //实现vuex模块化 modules:{ home, search } })