vuex之初始搭建环境

vuex的对应版本

vue2对应vuex3

所以安装的时候 npm i insatll vuex@3

vue3 对应vuex4

所以安装的时候 npm i insatll vuex

安装完成之后 在main js中引入

//引入vuex

import Vuex from 'vuex';

//使用插件

Vue.use(Vuex);

 

此时就会在ue中多出一个store配置项

 

开发环境的搭建

 

如图所示建立index。js文件

文件内容

//该文件用于创建vuex中的store

//引入vuex
import Vue from 'vue'
import Vuex from 'vuex'
//使用插件
Vue.use(Vuex);
//猪备actions--用于响应组件中的动作
const actions={}

// 准备mutations--用于操作数据（state）
const mutations = {}

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

//创建store
const store=new Vuex.Store({
    actions: actions,
    mutations: mutations,
    state: state
});

//导出store

export default store