vuex教程-初始化

创建 vuex 相关文件

  1. src 下创建 store 文件夹
  2. 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')

原文出处:https://malaoshi.top/show_1IX2r9Tj83tN.html