Vue.js 中常用的修飾符
修飾符是 Vue.js 中用來修改指令行為的特殊後綴。它們可以添加到指令的末尾，以指定額外的功能。
常用的修飾符：
1. .lazy
- 延遲指令的執行，直到元素進入DOM。
-
用法：
v-model.lazy、v-if.lazy
##2 . .memo
快取指令的計算結果，防止在後續渲染中重複計算。 -
- 用法： v-bind:class.memo
#3. .number
將表達式強制轉換為數字，用於數字輸入。 -
- 用法： v-model.number
#4. .trim
修剪輸入值中的空格。 -
- 用法： v-model.trim
#5. .prevent
阻止事件的預設行為。 -
- 用法： v-on:click.prevent
6. .stop
阻止事件冒泡。 -
- 用法： v-on:click.stop
7. .once
只執行指令一次。 -
- 用法： v-on:click.once
#8. .self
僅在目前元素上觸發事件處理函數。 -
- 用法： v-on:click.self
9. .capture
在事件擷取階段觸發事件處理函數。 -
- 用法： v-on:click.capture
#10. .enter
在元素進入DOM 時觸發事件處理函數。 -
- 用法： v-transition:enter
#11. .leave
在元素離開DOM 時觸發事件處理函數。 -
- 用法： v-transition:leave
#
以上是vue中常用的修飾符的詳細內容。更多資訊請關注PHP中文網其他相關文章！
