vue：vuex相关

vue：vuex相关

最大的好处：就是复用，逻辑层次变得更加清晰，一目了然
使用步骤：

1. npm i vuex
2. import Vuex from ‘vuex’
3. Vue.use(Vuex)
4. src下创建文件夹store，再store下再创建index.js文件，操作相关内容

vuex：

• 对共享数据/状态的集中式管理，适用于任何组件之间通信
• store：负责管理actions、mutations、state
• actions：动作的处理，事件请求等
• mutations：数据的处理等
• state：共享数据的存储
• getters：当state中的数据需要加工处理在使用时，可以使用getters加工
• mapState、mapGetters：可以帮助我们映射state中的数据为计算属性，可以简化代码computed: { ...mapState(["name", "address", "sum"]), ...mapGetters(["bigSum"]) }，...mapState({ name: "name", address: "address", sum: "sum" })两种简写方式
• maActions、mapMutations：注意绑定事件的方法中需要加上参数

模块化：

• Vuex.Store{modules:{}}中的actions、mutations、state、getters中按照实现功能放在不同模块对象中，
• 简写方式：开启namespace：true，并引入modules:{}中，在使用的组件中才可以使用简写方式

2021-12-13