Vue.js中常用指令
2017-10-09 本文已影响22人
痛心凉
指令(directive)是带有v-前缀的特殊属性。
vue.js中的循环 (v-for)、判断(v-if / v-show / v-hide)、监听Dom事件(v-on)、响应式的更新html属性(v-bind)、v-html、v-text
v-for可用用来绑定数组中数据渲染列表
<div id="app-4">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
</div>
var app4 = new Vue({
el: '#app-4',
data: {
todos: [
{ text: '学习 JavaScript' },
{ text: '学习 Vue' },
{ text: '整个牛项目' }
]
}
})