一、简介

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

二、看代码

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

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

        

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

        

        (3)最后是mapGetters的使用:

        

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

 

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

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

        

        (2)然后是mapState的用法:

        

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

Logo

前往低代码交流专区

更多推荐