安装
- npm install vuex --save
- yarn add vuex
使用
新建文件以及文件夹
- 在src目录下新建名为store的文件夹(名称随意)
- 在store目录下新建名为index.js文件(名称随意)
引入Vuex
- 在index.js 使用vue.use(Vuex) 安装Vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
- 新建一个store(仓库)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
- 抛出store
export default store
引入store
- 找到main.js
- 引入store
import store from './store/index'
- 绑定到vue实例
new Vue({
router,
store,
render: h => h(App),
}).$mount('#app')