vue.js 条件与循环

条件

将以下代码理解为：if（seen==true）显示指定元素

<div id="app-3">

　　<p v-if="seen">现在你看到我了</p>

</div>

 

var app3 = new Vue({

　　el:'#app-3',

　　data:{

　　　　seen:true

　　}

})

循环

<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:'学习'},

　　　　　　{text:'坚持'},

　　　　　　{text:'加油'}

　　　　]

　　}

}）

效果：