vue这个三个点（...mapGetters）为什么要把computed转换成数组

Question

<script>

  import { mapGetters } from 'vuex'

  export default {

       computed: {

        ...mapGetters({    //不理解为什么要把这个computed的内容转成数组

          goods_list: 'goods_list',

          userInfo:'userInfo'

        })

    },  }

</script>

Answer 1

mapGetters({&nbsp;&nbsp; goods_list: 'goods_list',&nbsp; userInfo:'userInfo'});这种写法跟下面的写法是等价的。为了写的更简单一目了然当映射的计算属性的名称与 state 的子节点名称相同时，我们也可以给 mapState 传一个字符串数组。mapGetters([&nbsp; // 映射 this.goods_list 为 store.getters.goods_list&nbsp; 'goods_list',&nbsp; // 映射 this.userInfo 为 store.getters.userInfo&nbsp; 'userInfo'])... 是es6的数组扩展运算符，可以同时写多个，例如：computed: {&nbsp; &nbsp; ...mapGetters([ 'goods_list','userInfo']),&nbsp; &nbsp; ...mapGetters({&nbsp; &nbsp; &nbsp; &nbsp; // 映射 `this.doneCount` 为 `store.getters.doneTodosCount`&nbsp; &nbsp; &nbsp; &nbsp; doneCount: 'doneTodosCount'&nbsp; &nbsp; })}