vue vuex公共状态管理

官网说，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
})