mapState辅助函数

Posted 2023-03-28

参考技术A vue官网上是这么解释mapState的：当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键。

乍一看是真不知道到底讲的是什么，对于mapState，我是这么理解的，是作为state的辅助函数，就是用来映射state状态树的，如果没有这个函数，我们是这么获取数据counter的

每次都写这么多就很难受，那就引进mapState，映射state，那我们就可以这么写

这就是为什么有mapState的出现

说完为什么出现mapState，那就谈谈mapState到底怎么用？
1.从vuex中引入mapState (注意加花括号)

2.因为state一般都是挂载在computed上的，原因是state状态改变时，computed可以监听到并响应。所以作为它的辅助函数，自然也是搭配computed计算属性使用的

这是一种写法，还有一种用对象扩展符...（就是拷贝复制）

说实话，这两种方法我还真没看出来用对象扩展符好在哪儿，我反而觉得第一种好像就不错，哈哈哈哈，应该是我才疏学浅，等以后我发现了再回头改。