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/
转载文章受原作者版权保护。转载请注明原作者出处!