小仓库代码
//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
}
})