在Vue中條件判斷式的格式為 v-if 、 v-else 和  v-else-if。

Html 範例如下:

1
2
3
4
5
6
7
8
 
<div id="app">
    <div v-if="Math.random() > 0.5">
        random value > 0.5
    </div>
    <div v-else>
        random value <= 0.5
    </div>
</div>

 

此處的script 較為單純，僅需要建立一個Vue控制元件即可

1
2
3
4
5
 
<script>
    new Vue({
        el: '#app'
    })
</script>

 

(完整專案連結)

arrow
arrow
    文章標籤
    vue.js
    全站熱搜

    Lung-Yu,Tsai 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄