vuex
安装
npm install vuex --save
创建store文件夹及index.js文件
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)
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中的值
$store.state.counter
状态管理图