vuex总结(二)——state_vuex state

作者：花生_TL007 | 2024-03-17 15:59:49

踩

vuex state

vuex中的state保存状态数据使用的，此时我们将深入了解一下state在不同情况下的使用。
一、基本使用
在这里插入图片描述

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

二、mapState函数
如果我们存在很多的状态需要去获取，在vuex中给我们提供了一个函数mapState，可以帮助我们从store中的state到组件中。
mapState的类型一：数组类型
在这里插入图片描述
mapState的类型二：对象类型
对象类型支持更改变量名

三、在setup中使用mapState
方式一：使用computed

方式二：使用mapState

四、封装一个hooks（useState）
在setup中使用mapState太麻烦，代码太冗余，此时应该封装。
在这里插入图片描述

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】