搭建Vuex环境

简述Vuex:

Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

搭建Vuex环境

一、使用命令创建vue项目

vue create 项目名

二、下载vuex

npm  i  vuex   或者   yarn add vuex(当然前提是配置好yarn的情况下)

 三、在src目录下，新建store文件夹和index,js文件

                            

 四、在index.js文件里引用vuex

// 引入Vue
import Vue from 'vue'
// 引入vuex
import Vuex from 'vuex'
// 使用插件
Vue.use(Vuex)


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

// 准备mutations：用于操作数据(state)
const mutations = {}

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


// 创建并导出store
export default new Vuex.Store({
    actions,
    mutations,
    state,
})

// 导出store(两种方式都可以使用)
// export default store

五、在main.js里导入store

// 引入store（@是从src开始找）
import store from '@/store'



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

好啦 以上就是Vuex的环境搭建