1、vuejs為von提供了多個(gè)修飾符，方便我們處理一些DOM事件的細(xì)節(jié)，并且修飾符可以串聯(lián)使用主要的修飾符如下 stop#160 相當(dāng)于js中的eventstopPropagation，它是用來阻止冒泡的prevent 相當(dāng)于js中。

2、#160 #160 #160 #160 vue中事件修飾符時(shí)可以連綴的，修飾符的順序有時(shí)會(huì)影響最終結(jié)果例如prevent與self組合如下圖2，圖3preventself與selfprevent產(chǎn)生的結(jié)果是有差距的self寫在prevent前時(shí)，prevent。

3、#160#160#160#160#160#160#160#160我們可以稱native為原型綁定只有 使用vue組件時(shí) 我們會(huì)用到這個(gè)修飾符當(dāng)我們?cè)诮M件上綁定監(jiān)聽時(shí)，我們綁定的是組件定義的監(jiān)聽以element框架為例，ltel。

4、4而vue的sync修飾符，它省略了父組件的事件的注冊(cè)，能使子組件修改props的屬性，其實(shí)它是一個(gè)語(yǔ)法糖，本質(zhì)上沒有改變父子組件數(shù)據(jù)單向傳遞 5舉例定義子組件sonvue的內(nèi)容定義父組件fathervue的內(nèi)容6說明從。

5、Vue 中提供了14個(gè)比較常用的指令，如 1vmodel 雙向數(shù)據(jù)綁定，表單元素常用 input select radio checkbox textarea 等，vmodel有三個(gè)修飾符，例如input元素 vmodeltrim去掉輸入值的前后空格和vmodelnumber，將輸入。

6、只能在觸發(fā)鍵盤事件時(shí)，使用的修飾符，以下列舉2個(gè)常用的 快速獲取表單數(shù)據(jù)只應(yīng)用于表單元素，如inputtextareaselect只能給vmodel使用的修飾符 控制DOM的顯示與隱藏值為true顯示，值為false隱藏，其原理為。

7、Vue 中的 sync 修飾符的功能是 當(dāng)一個(gè)子組件改變了一個(gè) prop 的值時(shí)，這個(gè)變化也會(huì)同步到父組件中所綁定我們通過一個(gè)場(chǎng)景來輔助理解一下Childvue 效果展示 等價(jià)于 通過查看Vuejs官方文檔 sync。

8、一般我們?cè)诜椒ㄖ型ㄟ^ epreventdefault 來 阻止默認(rèn)行為 ，在vue中，通過事件修飾符 prevent 來阻止默認(rèn)行為，如下圖 一般我們?cè)诜椒ㄖ型ㄟ^ #160estopProgation #160 來 阻止默認(rèn)行為 ，在vue中。

9、我們通過一個(gè)場(chǎng)景來輔助理解一下Childvue 效果展示 等價(jià)于 通過查看Vuejs官方文檔 sync 修飾符 了解到從 230 起重新引入了 sync 修飾符，但是這次它只是作為一個(gè)編譯時(shí)的語(yǔ)法糖存在它會(huì)被擴(kuò)展為。

10、對(duì)于 passive capture 和 once 這些事件修飾符，Vue 提供了相應(yīng)的前綴可以用于 on修飾符前綴 passive capture！ once~ captureonce 或oncecapture~！例如對(duì)于所有其它的修飾符，私有。

11、stop 阻止冒泡 prevent 阻止默認(rèn)事件 capture 使用事件捕獲模式，即元素自身觸發(fā)的事件在此處理，然后再由內(nèi)部元素進(jìn)行處理 self 只在 eventtarget 是當(dāng)前元素自身時(shí)觸發(fā)處理函數(shù) once 事件只觸發(fā)一次 passive。

12、vmodel的修飾符，主要用于控制數(shù)據(jù)同步的時(shí)機(jī)使用lazy修飾符vmodel會(huì)在change事件中同步這時(shí)，message并不是實(shí)時(shí)改變的，而是在失焦或按回車時(shí)才更新運(yùn)行結(jié)果。

13、passive 滾動(dòng)事件的默認(rèn)行為 即滾動(dòng)行為 將會(huì)立即觸發(fā)，而不會(huì)等待 onScroll 完成這個(gè) passive 修飾符尤其能夠提升移動(dòng)端的性能htmljseprevent等同于 eventpreventDefault35按鍵修飾符 在Vue中可以通過。

14、Vue中的數(shù)據(jù)是單向數(shù)據(jù)流父級(jí) prop 的更新會(huì)向下流動(dòng)到子組件中，但是反過來則不行，即子組件無法直接修改父組件中的數(shù)據(jù)但我們常常會(huì)遇到需要在子組件中修改父組件數(shù)據(jù)的場(chǎng)景sync修飾符就可以幫助我們實(shí)現(xiàn)這種功能。

15、capture 事件捕獲， 相當(dāng)于addEventListener 的第三個(gè)參數(shù)， CNdocsWebAPIEventTargetaddEventListener self 只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)。