vue常用指令

1. 數(shù)據(jù)綁定指令
   v-bind：用于動(dòng)態(tài)綁定 HTML 元素的屬性。縮寫為 :，如 <img :src="imageUrl" /> 等價(jià)于 <img v-bind:src="imageUrl" />
   v-model：實(shí)現(xiàn)表單元素和數(shù)據(jù)的雙向綁定，支持 input、textarea、select 等表單元素。示例：<input v-model="message" />
2. 條件渲染指令
   v-if：根據(jù)表達(dá)式的值決定是否渲染元素，當(dāng)條件為 false 時(shí)，元素會被從 DOM 中移除。示例：<p v-if="isShow">顯示內(nèi)容</p>
   v-show：根據(jù)表達(dá)式的值決定元素的顯示與隱藏，通過修改元素的 display 樣式來實(shí)現(xiàn)。示例：<p v-show="isShow">顯示內(nèi)容</p>
3. 列表渲染指令
   v-for：用于循環(huán)渲染列表數(shù)據(jù)。可以遍歷數(shù)組、對象等。示例：<ul><li v-for="item in items" :key="item.id">{{ item.name }}</li></ul>
4. 事件綁定指令
   v-on：用于綁定 DOM 事件。縮寫為 @，如 <button @click="handleClick">點(diǎn)擊</button> 等價(jià)于 <button v-on:click="handleClick">點(diǎn)擊</button>