...mapGetters,mapGetters,...mapState,mapState的用法

一、简介

       本文主要介绍...mapGetters,mapGetters,...mapState,mapState这个四个东西的作用是在组件中的computed里面去获取vuex中的store中的state和getters,然后在组件中使用。

二、看代码

       1. ...mapGetters和mapGetters： 这两个东西用在computed里面，常规的用法如下图所示：

        (1)首先是我的store/index.js:

        

        (2)接下来是...mapGetters的使用:

        

        (3)最后是mapGetters的使用:

        

        总结：...mapGetters和mapGetters的区别在于，前者可以再自定义computed的其他属性，而后者已经把computed写死了，只能调用store/getters中的函数。

 

        2. ...mapState和mapState： 这两个也是用在computed中，。请看下图用法:

        (1) 首先是 ...mapState的用法，store/index.js和上面的一样。

        

        (2)然后是mapState的用法:

        

        总结: ...mapState和mapState的区别也是和上面那对一样的，这里不赘述。对于初学者而言，很多时候会觉得新的语法很蹩脚，感觉在脱裤子放屁。但是我想说的是，既然有这种语法的出现，那么我们是要去知道的，以后会不会经常用先不说，至少去了解一下还是有必要的，不要懒惰。