vuex

安装

?

1	npm install vuex --save

 

创建store文件夹及index.js文件

 

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

import Vue from 'vue' import Vuex from 'vuex'   //1.安装插件 Vue.use(Vuex)   //2.创建对象 const store = new Vuex.Store({     state: {         counter: 100     } })   //导出store对象 export default store

 

挂载store（main.js）　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

import Vue from 'vue' import App from './App' import router from './router' import store from './store' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'   Vue.use(ElementUI)     Vue.config.productionTip = false   /* eslint-disable no-new */ new Vue({   el: '#app',   router,   store,   render: h => h(App),   components: { App },   template: '<App/>' })

　　

取store对象state中的值

?

1	$store.state.counter

　　

 

 

状态管理图