vue辅助函数mapState和mapGetter前面三个点到底是什么意思:对象展开运算符

mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢?

通常,我们需要使用一个工具函数将多个对象合并为一个,以使我们可以将最终对象传给 computed 属性。但是自从有了对象展开运算符(现处于 ECMASCript 提案 stage-3 阶段),我们可以极大地简化写法:

还可以按照如下方式使用mapState辅助函数:

在index.js文件中:

在需要使用store中的各个状态变量的自定义的vue组件中:

mapState通过扩展运算符将store.state.orderList 映射this.orderList 这个this 很重要,这个映射直接映射到当前Vue的this对象上。

所以通过this都能将这些对象点出来,同理,mapActions, mapMutations都是一样的道理。牢记~~~

Original: https://www.cnblogs.com/rainbow70626/p/16458985.html
Author: rainbow70626
Title: vue辅助函数mapState和mapGetter前面三个点到底是什么意思:对象展开运算符

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/553218/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球