Vuex笔记

vuex:实例化数据仓库，公共的数据可以放置在store中，可单独store.js进行配置

如下所示store.js

import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)

export default new Vuex.Store({
    //state放置数据 this.$store.state.数据名字
	state:{
		num:"009"
	},
    //mutations放置方法 控制数据的方法 this.$store.commit('方法名',参数）
	mutations:{
		updatenum(state,num){
			state.num = num
		}
	}
})

main.js中的配置：

import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router"
import router from "./assets/js/router.js"
import Vuex from 'vuex'
import store from './assets/js/store.js';

Vue.use(Vuex)
Vue.use(VueRouter)

new Vue({
  el: '#app',
  render: h => h(App),
  router,
  store
})