- 第一步:
npm i vuex --save
- 第二步: 创建store.js
import vuex from 'vuex'
import vue from 'vue'
- 第三步:
Vue.use(vuex)
- 第四步:
const store = new Vuex.Store({...配置项})
- `// 初始化一个vuex的实例(数据仓库) 导出即可
import Vuex from ‘vuex’
import Vue from ‘vue’
// 使用安装
Vue.use(Vuex)
// 初始化
const store = new Vuex.Store({
// 配置(state|mutations|actions)
})
export default store`
- 第五步:导出
export default store
- 第六步:导入main.js 在根实例配置 store ,选项指向 store 实例对象
- `+import store from ‘@/store’
new Vue({
// 注入store实例=》所有子组件=》访问this.$store
- store,
render: h => h(App),
}).$mount(’#app’)`