阻止冒泡 v-on:click.stop="fn()"

阻止默認(rèn)事件 v-on:click.prevent="fn"

阻止冒泡阻止默認(rèn)事件 v-on:click.stop.prevent="fn"

.capture 添加事件監(jiān)聽器時(shí)使用事件捕獲模式 即元素自身觸發(fā)的事件先在此處理，然后才交由內(nèi)部元素進(jìn)行處理

.self 只當(dāng)在 event.target 是當(dāng)前元素自身時(shí)觸發(fā)處理函數(shù) 即事件不是從內(nèi)部元素觸發(fā)的

.once 點(diǎn)擊事件將只會(huì)觸發(fā)一次

.passive 不要把?.passive?和?.prevent?一起使用，因?yàn)?.prevent?將會(huì)被忽略，同時(shí)瀏覽器可能會(huì)向你展示一個(gè)警告。

按鍵修飾符：

以前如果有一個(gè)表單輸入框，當(dāng)你輸入之后敲回車想要打印值

if (event.keyCode === 13) {name.value}

vue

.tab

.delete

.esc

.space

.up

.down

.left

.right

系統(tǒng)修飾符

.ctrl

.alt

.shift

.meta

表單修飾符

v-model.lazy 失去焦點(diǎn)或者按回車鍵時(shí)才會(huì)運(yùn)算

v-model.trim 得到的值去除兩端空格

v-model.number 喚起數(shù)字鍵盤

?原生js如果要做正則的校驗(yàn)，失去焦點(diǎn)、鍵盤彈起時(shí)

vue 中 可以使用 偵聽屬性 或者 計(jì)算屬性 去做

v-model

唯一特殊的就是 checkbox

如果初始值為 數(shù)組，則表示多選框

如果初始值為 boolean，則表示真假 --- 購物車中的選擇