创建 vuex 相关文件
- 在
src
下创建store
文件夹 - 在
store
文件夹下,创建index.js
文件,内容如下:
//导入vue
import Vue from 'vue'
//导入vuex
import Vuex from 'vuex'
//使用vuex插件,插件必须执行下面代码
Vue.use(Vuex)
//注意:必须先使用,才能创建对象
//对外暴露对象
export default new Vuex.Store({
actions: { //响应组件的操作
},
mutations: { // 操作数据
},
state: { // 存储数据
}
})
修改 main.js
import Vue from 'vue'
import App from './App.vue'
//导入 store/index.js
import store from './store'
Vue.config.productionTip = false
new Vue({
store, //配置store
render: h => h(App),
}).$mount('#app')