简述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的环境搭建