vuex 使用实例

vuex

    vueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态。
    state => 基本数据 
    getters => 从基本数据派生的数据 
    mutations => 提交更改数据的方法，同步！ 
    actions => 像一个装饰器，包裹mutations，使之可以异步。 
    modules => 模块化Vuex

install

    cnpm install vuex --save
    

store.js配置

#自己创建store.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

main. js配置

import store from './vuex/store' // 引入store
new Vue({
  render: h => h(App),
  store:store,
}).$mount('#app')

state

#state即Vuex中的基本数据！ (store.js)

const store = {
    state: {
        count:0
    }
}
export default new Vuex.Store({
    state,
})