vuex总结(二)——state

vuex中的state保存状态数据使用的&＃xff0c;此时我们将深入了解一下state在不同情况下的使用。
一、基本使用


我们会发现在template中写的代码太过于繁琐&＃xff0c;此时我们可以更改一些&＃xff0c;在computed中使用。

二、mapState函数
如果我们存在很多的状态需要去获取&＃xff0c;在vuex中给我们提供了一个函数mapState&＃xff0c;可以帮助我们从store中的state到组件中。
mapState的类型一&＃xff1a;数组类型

mapState的类型二&＃xff1a;对象类型
对象类型支持更改变量名

三、在setup中使用mapState
方式一&＃xff1a;使用computed

方式二&＃xff1a;使用mapState

四、封装一个hooks&＃xff08;useState&＃xff09;
在setup中使用mapState太麻烦&＃xff0c;代码太冗余&＃xff0c;此时应该封装。