屬性概覽

文字與內容

屬性	使用場景	範例
{{ value }}	動態文字內容	<p>{{ userName }}</p> 顯示使用者名稱
:html	原始 HTML 插入	<div :html="richContent"></div> 渲染格式化內容

模板載入

屬性	使用場景	範例
:path	外部模板載入	<temp :path="'./templates/header.html'"></temp> 載入頁首元件

列表與迭代

屬性	使用場景	範例
:for	陣列/物件迭代	<li :for="item in items">{{ item.name }}</li> 渲染列表項目

條件渲染

屬性	使用場景	範例
:if	條件顯示	<div :if="isLoggedIn">歡迎！</div>
:else-if/:elif	次要條件	<div :elif="isPending">載入中...</div>
:else	預設內容	<div :else>請登入</div>

表單綁定

屬性	使用場景	範例
:model	雙向資料綁定	<input :model="userInput"> 與資料同步

樣式與動畫

屬性	使用場景	範例
:animation	過渡效果	<div :animation="fade-in">內容</div>
:[css]	動態樣式	<div :background-color="bgColor">樣式內容</div>

動態屬性

屬性	使用場景	範例
:[attr]	動態屬性	<img :src="imageUrl" :alt="imageDesc">

事件處理

屬性	使用場景	範例
@[event]	事件監聽器	<button @click="handleClick">點擊我</button>