官网说,vue是单一状态树,所有的状态数据都在这统一管理。
// 第一步: vuex 是vue的插件,不是自带的 npm install vuex --save //第二步: main.js 挂载到dom上 import App from 'app.vue' import store from '@/store' new Vue({ store, render: h => h(App) }).$mount("#app") //第三步: store.js入口 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import state from './state' import mutations from './mutations' import actions from './actions' const store = new Vuex.store({ state, mutations, actions }) export default store
分模块写store:
//第三步: store.js入口 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import state from './state' import mutations from './mutations' import actions from './actions' const store = new Vuex.store({ state, mutations, actions }) export default store 一个store文件 ---------------------------------------------------- 多个store文件 import module from './module' // module文件包含多个export // export { default as p } from '..' export { default as d } from '..' new Vuex.store({ module })