关于Vuex中Map辅助函数的粗略理解

最新推荐文章于 2024-01-18 08:00:00 发布

兆兆兆兆兆鹏

最新推荐文章于 2024-01-18 08:00:00 发布

阅读量161

点赞数

分类专栏： Vuex mapState Map辅助函数文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/e1592027130/article/details/121029827

版权

本文介绍了Vuex中的Map辅助函数，包括mapState、mapMutations、mapActions和MapGetters。它们作为语法糖，简化了代码，提高开发效率。mapState用于映射状态，mapMutations和mapActions用于映射 mutation 和 action，而MapGetters则用于处理和获取计算后的状态。

摘要由CSDN通过智能技术生成

不管是mapState还是mapMutations还是mapActions等等，都是语法糖，为了加快代码效率而已

mapState

import {
   mapState} from 'vuex'
export default {
   
  name: 'home',
  computed: mapState(['nickname','age','gender'])
}

mapState(['nickname','age','gender']) //映射哪些字段就填入哪些字段

这一句代码就相当于下面这些

nickname(){
   return this.$store.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

兆兆兆兆兆鹏

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
关于Vuex中Map辅助函数的粗略理解

不管是mapState还是mapMutations还是mapActions等等，都是语法糖，为了加快代码效率而已mapStateimport {mapState} from 'vuex'export default { name: 'home', computed: mapState(['nickname','age','gender'])}mapState(['nickname','age','gender']) //映射哪些字段就填入哪些字段这一句代码就相当于下面这些nickn
复制链接

扫一扫