vuex01-安装使用

安装

1. npm install vuex --save
2. yarn add vuex

使用

新建文件以及文件夹

1. 在src目录下新建名为store的文件夹（名称随意）
2. 在store目录下新建名为index.js文件（名称随意）

引入Vuex

1. 在index.js 使用vue.use(Vuex) 安装Vuex

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

2. 新建一个store(仓库)

	const store = new Vuex.Store({
	  state: {
	    count: 0
	  },
	  mutations: {
	    increment (state) {
	      state.count++
	    }
	  }
	})

3. 抛出store

      export default store

引入store

1. 找到main.js
2. 引入store

import store from './store/index'

3. 绑定到vue实例

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