Pengubah suai yang biasa digunakan dalam vue

Pengubah suai yang biasa digunakan dalam Vue.js

Pengubah suai ialah akhiran khas yang digunakan dalam Vue.js untuk mengubah suai tingkah laku arahan. Ia boleh ditambah pada penghujung arahan untuk menentukan fungsi tambahan.

Pengubah suai yang biasa digunakan:

1 .malas

• Melengahkan pelaksanaan arahan sehingga elemen memasuki DOM.
• Penggunaan: v-model.lazy, v-if.lazyv-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

🎜2.memo🎜🎜🎜🎜mencache hasil pengiraan arahan. untuk mengelakkan Ulangi pengiraan pada pemaparan berikutnya. 🎜🎜🎜Penggunaan: 🎜 v-bind:class.memo🎜🎜🎜🎜3 .number🎜🎜🎜🎜 Paksa ungkapan ke nombor untuk input angka. 🎜🎜🎜Penggunaan: 🎜 v-model.number🎜🎜🎜🎜4 .trim🎜🎜🎜🎜Pangkas ruang dalam nilai input. 🎜🎜🎜Penggunaan: 🎜 v-model.trim🎜🎜🎜🎜5 .mencegah🎜🎜🎜🎜Tingkah laku lalai untuk menghalang kejadian. 🎜🎜🎜Penggunaan: 🎜 v-on:click.prevent🎜🎜🎜🎜6 .stop🎜🎜🎜🎜Cegah acara menggelegak. 🎜🎜🎜Penggunaan: 🎜 v-on:click.stop🎜🎜🎜🎜7 .sekali🎜🎜🎜🎜Laksanakan arahan sekali sahaja. 🎜🎜🎜Penggunaan: 🎜 v-on:click.sekali🎜🎜🎜🎜8 .self🎜🎜🎜🎜Cetus pengendali acara hanya pada elemen semasa. 🎜🎜🎜Penggunaan: 🎜 v-on:click.self🎜🎜🎜🎜9 .capture🎜🎜🎜🎜 mencetuskan pengendali acara dalam fasa tangkapan acara. 🎜🎜🎜Penggunaan: 🎜 v-on:click.capture🎜🎜🎜🎜10 .enter🎜🎜🎜🎜 mencetuskan pengendali acara apabila elemen memasuki DOM. 🎜🎜🎜Penggunaan: 🎜 v-transition:enter🎜🎜🎜🎜11 .leave🎜🎜🎜🎜 mencetuskan pengendali acara apabila elemen meninggalkan DOM. 🎜🎜🎜Penggunaan: 🎜 v-transition: leave🎜🎜

Atas ialah kandungan terperinci Pengubah suai yang biasa digunakan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!