vuex的基本使用

1-vuex安装及详细使用教程-附案例源码_溜_x_i_a_o_迪的博客-CSDN博客_vuex

---

import Vue from "vue"
import Vuex from "vuex"

//使用插件
Vue.use(Vuex)

//准备actions用于响应组件中的动作
const actions = {}
//准备mutations 用于操作数据
const mutations = {}
//state 用户存储数据
const state = {}

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

//导出store

export default store

 官方文档项目结构 | Vuex

---

mapState

Vuex状态管理-mapState的基本用法详细介绍_夏阳满山2333的博客-CSDN博客_mapstate

---

mapGetters

vuex中mapGetters的使用及简单实现原理_丶叶修的博客-CSDN博客_mapgetters vuex 

---

mapMutations

Vuex mapMutation的基本使用 - 荣光无限 - 博客园

---

mapActions

Vuex mapAction的基本使用 - 荣光无限 - 博客园

---

vuex模块化

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili