02Vue - Vue.js 入门（条件与循环）

条件

控制切换一个元素的显示也相当简单：

继续在控制台设置 app3.seen = false，你会发现 “Now you see me” 消失了。

这个例子演示了我们不仅可以绑定 DOM 文本到数据，也可以绑定 DOM 结构到数据。而且，Vue.js 也提供一个强大的过渡效果系统，可以在 Vue 插入/删除元素时自动应用过渡效果。

循环

也有一些其它指令，每个都有特殊的功能。例如， v-for指令可以绑定数据到数据来渲染一个列表：

在控制台里，输入 app4.todos.push({ text: ‘New item’ }) 你会发现列表中多了一栏新内容。