就 if、else、else-if 這類的呀

只是比較特別的
不成立的部分,網頁連元件 <p> 都不會出現喔

不過想想也合理,
萬一出現的話,v-if 要被拔掉 (只是 vue 的 directive 語法),而且也是一個空的元件,意義不大
<div id="app">
  <p v-if="typewritersInStock">
    in stock
  </p>
  <p v-else>
    not in stock
  </p>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const app = Vue.createApp({
   data() {
    return {
      typewritersInStock: true
    }
   }
  })
  app.mount('#app')
</script>

只要會產生 true / false 的都可以唷,
像是 >, <, &&, ... 甚至是 funciton 等

例如:
v-else-if="typewriterCount>0"
v-if="text.includes('pizza')"


小提醒:
從這邊,我們就可以看得出來,其實 "" 裡面是 js 的程式碼喔

    評語
    請登入後才可以評分
    位置
    資料夾名稱
    Vue.js 學習筆記
    上傳者
    蘇德宙
    單位
    台灣數位員工
    建立
    2025-05-28 12:03:20
    最近修訂
    2026-03-03 08:32:00