vuex 是专门在Vue中实现集中式状态(数据)管理的一个Vue插件
1、安装vuex 执行npm i vuex@3 注意版本 vue2------vuex3;vue3------vuex4
2、引入vuex插件
import Vuex from ‘vuex’
Vue.use(Vuex)
例如:创建一个index.js用于声明vuex实例
//引入Vuex
import Vuex from 'vuex'
// 引入Vue
import Vue from 'vue'
//使用插件
Vue.use(Vuex)
// 准备actions————用于响应组件中的动作
const actions = {
}
// 准备mutations————用于操作数据(state)
const mutations = {
}
// 准备state————存储数据
const state = {
}
//准备getters————用于将state中的数据进行加工 类似于计算属性
const getters = {
}
// 创建store
const store = new Vuex.Store({
actions,
mutations,
state,