条件和循环

if判断

<div id="app-3">

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

</div>

var app3 = new Vue({

  el: '#app-3',

  data: {

    seen: true

  }

})

可在控制台中控制seen

for循环

<div id="app4">

<div v-for="todo in todos">

{{ todo.text }}

</div>

</div>

<script type="text/javascript">

var app4 = new Vue({

el: '#app4',

data: {

todos: [{

text: '学习'

},

{

text: '娱乐'

},

{

text: '测试'

}

]

}

})

</script>