条件与循环(3)

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

继续在控制台设置 app3.seen = false,你会发现 “现在你看到我了” 消失了。

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

还有其它很多指令,每个都有特殊的功能。例如,v-for 指令可以绑定数组的数据来渲染一个项目列表:

在控制台里,输入 app4.todos.push({ text: ‘新项目’ }),你会发现列表中添加了一个新项。

在jsrun编辑器上提供的控制台工具, 你可轻松做到输入命令看效果

demo地址:http://jsrun.net/UikKp/edit

You may also like...