if語句

<div class="vm"><div v-if="type==='A'">A</div><div v-else-if="type==='B'">B</div><div v-else-if="type==='C'">C</div><div v-else>error </div> </div> script type="text/javascript">var vm = new Vue({el:'.vm',data:{ type:'', //為空時頁面顯示errortype:'A', //為空時頁面顯示Atype:'B', //為空時頁面顯示Btype:'C', //為空時頁面顯示C}) </script>

for語句

<div class="vm">//for循環數組<ul><li v-for='item,index in items'>{{index}}===={{item.msg}}</li></ul>//for循環對象<ul><li v-for='value,key in object'>{{key}}===={{value}}</li></ul> </div> <script type="text/javascript">var vm = new Vue({el:'.vm',data:{items:[{msg:'aaaa'},{msg:'bbbb'},],object:{name:'zhangsan',age:'30',}}, }) </script>

頁面效果：

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的vue中的if判断和for循环语句的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。