vue.js学习笔记

指令。指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性。可能你已经猜到了,它们会在渲染的 DOM 上应用特殊的响应式行为

v-bind

<div id="app-2">
<span v-bind:title="message">
鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>
</div>

v-if
<div id="app-3">
<p v-if="seen">现在你看到我了</p>
</div>
v-for 绑定数组的数据来渲染一个项目列表
<div id="app-4">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
</div>
v-model 输入和应用状态之间的双向绑定
<div id="app-6">
<p>{{ message }}</p>
<input v-model="message">
</div>
 
posted @   文艺流浪汉  阅读(103)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示