Vuex搭建环境

一、下载vuex

注意版本

vue2对应

 

npm i vuex@3

vue3对应

npm i vuex@4

二、创建文件 src/store/index.html

import Vue from "vue";
import Vuex from "vuex"// 使用Vuex
Vue.use(Vuex)// 准备actions对象--响应组件中的动作
const actions = {}
// 准备mutations对象--修改state中的数据
const mutations = {}
//准备state对象--保存具体数据
const state = {}//创建并暴露store
export default new Vuex.Store({actions,mutations,state
})

三、在main.js中创建store配置项

// 引入store
import store from "./store";new Vue({el:'#app',render: h => h(App),store
})