vue 指令修飾符可用于自定義指令行為，包括：延遲指令執(zhí)行（.lazy）雙向數(shù)據(jù)綁定（.sync）一次性指令執(zhí)行（.once）指令計算結(jié)果緩存（.memo）阻止元素默認行為（.prevent）阻止事件冒泡（.stop）在捕獲階段偵聽事件（.capture）僅對元素本身觸發(fā)事件（.self）指定特定的鼠標(biāo)按鈕觸發(fā)事件（.left/.middle/.right）
Vue 指令修飾符
指令修飾符是添加到指令后面的后綴，用于修改指令的行為。Vue 中提供了多種指令修飾符，它們可以用來滿足不同的需求。
常見的 Vue 指令修飾符
.lazy： 延遲執(zhí)行指令，直到元素被添加到 DOM 中。
.sync： 將指令綁定的數(shù)據(jù)雙向綁定到一個屬性，該屬性可以被父組件訪問。
.once： 指令只執(zhí)行一次，在組件初始化時執(zhí)行。
.memo： 緩存指令的計算結(jié)果，防止重復(fù)計算。
.prevent： 在元素上觸發(fā)事件時阻止默認行為。
.stop： 在元素上觸發(fā)事件時阻止事件冒泡。
.capture： 在捕獲階段偵聽事件，而不是冒泡階段。
.self： 僅在指令作用的元素上觸發(fā)事件，忽略子元素。
.left： 指令只對鼠標(biāo)左鍵點擊觸發(fā)。
.middle： 指令只對鼠標(biāo)中鍵點擊觸發(fā)。
.right： 指令只對鼠標(biāo)右鍵點擊觸發(fā)。
使用指令修飾符
指令修飾符添加到指令名稱之后，并用句點分隔。例如：
<code class="html"><button v-on:click.prevent>按鈕</button></code>
登錄后復(fù)制
在這個示例中，.prevent 修飾符告訴 Vue 在元素上觸發(fā) click 事件時阻止默認行為。
擴展用法
除了這些常見的修飾符外，Vue 還允許創(chuàng)建自定義指令修飾符。這提供了靈活性，可以根據(jù)需要微調(diào)指令的行為。
