在大家的鞭策和鼓励下，这个基础API的系列终于完成了。所幸是没有真的更到一百期才完结（笑）。最初是因为觉得录视频好玩，才挖的这个坑。也想过中途放弃，关掉专栏，但由于当日马上收到了暖心的评论，所以坚持了下来。

当组件监听到用户的行为，需要触发一些界面交互的时候，实例与组件之间、组件相互之间就需要进行通信了。Vue里面有两个api可以帮助我们轻松地完成这件事，它们是$on和$emit。

界面写多了，大家应该都会想到一个问题：JS的模块写好以后可以在多个地方重复使用，HTML有没有办法做到呢？Vue给了我们这个能力，使用组件，就可以轻松做到。

在这之前，我们往html里面绑定的数据，都是非常直接的。给定一个值，就直接绑定它了。 但是更多的情况下，我们在绑定之前，需要对这些数据做一些处理。这就是计算属性发挥作用的地方了。 有了前面各期知识的加成，这次我们来一个好玩的。我们做一个愿望清单，列表里面是想买的PS4游戏： 点击购买某个游戏之后，它会自动...

之前在vue里面绑定数据，都只是单个地绑定。这期我们来看一下怎样渲染列表，然后通过事件监听方法往列表里面增加item。 列表渲染 废话不多说，直接上代码： {代码...} 直接看效果，可见v-for循环了一遍list，把其中的每一项都绑定到li中去： 唯一需要注意的是，给v-for的值是<item> in <list>的形式。很容易...

这期跟大家分享的，是v-bind指令。它可以往元素的属性中绑定数据，也可以动态地根据数据为元素绑定不同的样式。 绑定属性 最简单的例子，我们有一张图片，需要定义图片的src。我们可以直接在元素的属性里面定义： {代码...} 但是在实际工作中，我们通常会遇到的情况是，图片地址是从数据里返回的，这个时候v-bind指令就...

本期跟大家分享的，是Vue里面除了v-bind和v-on之外的指令。因为都挺简单的，所以就一次性解决了。 v-text 直接把文字绑定到html。之前我们一直使用大胡子语法往html里面绑定数据，如果数据是纯字符串的话，也可以使用v-text。 {代码...} 当然也可以绑定其它类型的数据，它们会以字符串的输出。 v-html 相当于jq的html方...

上一期我们已经成功地通过Vue给html绑定了数据，也在console里面看到了数据是可以实时进行更改的。想要实现在网页上根据用户的输入呈现出实时的更新，我们需要用到Vue的一个指令：v-model。这是一个专门针对表单的指令。

√ 使用最简单的文字进行解释√ 每期分享一个点，长度适中，适合碎片时间阅读√ 图片均压缩在50k以下，把流量消耗降到最低（其中一期因为截屏了比较大的面积用来展示效果，所以会稍微超出这个限制）