第二节,Vuex生成Store并映射数据到view视图层

这一节的内容主要有二个重点,

(1)通过辅助函数mapGetters,从vuex的getters中获得state里面的数据,

这里有一个难点,就是…mapGetters,为什么在mapGetters的左边要加上三个点呢?,

这其实就是ECMAScript6的展开运算符,它其实就是es5的apply的变形,主要就是批量的传入多个形参,看下面这个例子,

…ars,就是把[0,1,2]分别传给了形参a,b,c,

就这么简单?就这么简单

(2)定义一个vuex的store对象,

然后就可以在组件中获得mapGetters映射过来的数据,使用v-for指令显示在页面上了,

现在在连载中,处于免费的状态,我会把每天在公众号里连载,所以想要下载高清视频的同学们,就请付出一点小小的劳动,把这篇文章转发到某个前端微信群里,10分钟之后,截图发我,我就给你下载的网盘链接。

等这个连载结束之后,会形成一个完整的课程,转为收费模式,并提供相关服务。

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-11-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏coding for love

JS常用设计模式解析

我想作为一个前端开发者,前期大多数只会关注代码的功能性。但是随着编程经验的增加,维护更大更复杂的代码模块,需要的就不仅仅只是代码功能性的实现,还需要关注代码的复...

1153
来自专栏Linyb极客之路

Redis作者谈如何编写系统软件的代码注释

顶顶大名的Redis作者谈如何在Redis这样系统软件上进行代码文档注释,以下是九种注释类型的大意说明: 很长一段时间以来,我一直想在YouTube上发布一段...

1866
来自专栏13blog.site

文件上传那些事儿:多图上传、大文件上传、断点续传功能实现与分析

看了不少的教程,在系统整合搭建的过程中一般写到文件上传这一节时,基本上实现一个文件上传功能就不再继续拓展,而是就此截止转而去讲解其他的内容了,因为企业级应用开发...

1762
来自专栏【转载】DRF+Vue+Mysql_生鲜超市系统

十、购物车、订单管理和支付功能

Serializer继承BaseSerializer,但是Seriazer中并没有重新update方法,所有添加一个update方法

2741
来自专栏喵了个咪的博客空间

phalcon-进阶篇1(过滤与清理)

#phalcon-进阶篇1(过滤与清理)# ? 本教程基于phalcon2.0.9版本 ##前言## 先在这里感谢各位phalcon技术爱好者,我们提供这样一个...

3038
来自专栏java思维导图

VO、DTO、DO、PO 我告诉你

导图下载请点击文章底左下角->阅读原文 概念: VO(View Object) 视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。 D...

6368
来自专栏企鹅号快讯

Java程序员修炼之路线程篇之终篇

Java程序员修炼之路线程篇之终篇 在头条上撰写了20多篇关于java线程的文章,收获了很多读者的肯定和鼓励,在此表示感谢!特别感谢持续关注我,转发我的文章并给...

2018
来自专栏tkokof 的技术,小趣及杂念

小话游戏脚本(一)

( 题记:近来在网上学习到一个新的观点(应该是来自刘未鹏的BLOG :) ):书写是为了更好的学习,这与之前脑子里传道授业解惑的观点颇为迥异,品一品又颇以为然...

961
来自专栏Bingo的深度学习杂货店

synchronized锁处理spring事务高并发请求

最近在写一个活动报名功能,会有多个人同时报名某个活动,要求当参与人数超过限制人数的时候,就报出人数已满的信息。

6511
来自专栏Android 开发者

开发者也是用户 - 第二部分:改善 UI 和 API 可用性的五条指导原则

1843

扫码关注云+社区

领取腾讯云代金券