安装
- 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')
