初学者搭建vuex环境

vuex的安装

状态管理工具

vue2中要使用vuex3的版本，
vue3中要使用vuex4的版本，
如果使用npm i vuex 会自动安装最新版本的（vuex4），因此如果是在vue2中，会报错，
所以如果是vue2 安装时，这样写

npm i vuex@3

安装完成后
需要在src/store/index.js中配置引用等操作，代码如下：

// 该文件用于创建store

import Vue from 'vue'
// 引入vuex
import Vuex from 'vuex'

// 准备actions，用于响应组件中的动作
const actions = {}

// mutation 用于操作数据（satate)
const mutations = {}

// 准备state 用于存储数据
const state = {}

Vue.use(Vuex)

// 传入一个配置对象
// 创建Store并暴露store
export default new Vuex.Store({
  actions,
  mutations,
  state,
})

// 导出(暴露)store
// export default store

main.js 代码如下

import Vue from 'vue'

// 引入插件
import vueresource from 'vue-resource'

// 引入store
import store from './store'

import App from './App.vue'

//关闭vue的生产提示
Vue.config.productionTip = false

// 使用插件
Vue.use(vueresource)

new Vue({
  render: h => h(App),
  store,
  beforeCreate() {
  },
}).$mount('#app')