绑定 DOM 元素文本值
JavaScript代码:
运行结果:Hello Vue!
总结:
数据和 DOM 已经被关联在一起,当我们改变app.message的数据,所渲染的的DOM元素会相应地更新。绑定 DOM 元素属性
用v-bind指令绑定span元素的title属性
JavaScript代码:
运行结果:Hello Vue!
用v-bind指令绑定span元素的title属性
JavaScript代码:
运行结果:
用v-if指令判断条件
JavaScript代码:
运行结果:你可以看到我
循环
v-for 指令,可以使用数组中的数据来展示一个项目列表
JavaScript代码:
运行结果:1.学习 JavaScript 2.学习 Vue 3.创建激动人心的代码
在控制台,输入 app4.todos.push({ text: ‘新的 item' }),你会看到列表中追加了一个新的 item。