mapState 与 mapGetters 的语法

最新推荐文章于 2024-04-04 08:00:00 发布

F N Nancy

最新推荐文章于 2024-04-04 08:00:00 发布

阅读量434

点赞数

本文链接：https://blog.csdn.net/NancyFyn/article/details/106250495

版权

// mapState 接收一个数组做为参数，参数中的每一项，就是在仓库中的 state 数据
mapState([state1, state2, state3])

// mapGetters  接收一个数组做为参数，参数中的每一项，就是在仓库中的 getter 数据
mapGetters([getter1, getter2])

mapState 与 mapGetters 的语法

// mapState 接收一个数组做为参数，参数中的每一项，就是在仓库中的 state 数据
mapState([state1, state2, state3])

// mapGetters  接收一个数组做为参数，参数中的每一项，就是在仓库中的 getter 数据
mapGetters([getter1, getter2])

方案二与方案三效果一样，但是在 VueDevtools 中的表现有稍微一点不同

方案二时，插件中显示的是 computed

方案三时，插件中显示的是 vuexbindings

方案二与方案三效果一样，一般我们更推荐大家使用方案三。但是在什么情况下要使用方案二呢？

希望组件中的数据与仓库中的数据用不同的名字的时候。采用方案二

使用方案三时，我们组件自身还有一些自己的computed数据，该如何办？

将 mapState() 使用 … 做展开