条件和循环

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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容