分支結構
- v-if
- v-else-if
- v-else
- v-show
案例
<div id="app">
<div v-if='score>=90'>成績優秀</div>
<div v-else-if='score>=80'>成績良好</div>
<div v-else-if='score>=60'>成績合格</div>
<div v-else>成績較差</div>
<div v-show='flag'>加油！</div>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
score: 90,
flag: true
}
});
</script>
先判斷score是否大于等于90，如果條件成立則顯示div的內容，否則繼續往下判斷，
v-if 和 v-show 的區別
v-if控制元素是否渲染到頁面中v-show控制元素是否顯示到頁面中(元素已經渲染到了頁面里)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/259492.html
標籤：其他
上一篇：HTTP回應狀態碼