本文實(shí)例講述了vue學(xué)習(xí)筆記之給組件綁定原生事件操作。分享給大家供大家參考，具體如下：

成都創(chuàng)新互聯(lián)公司的客戶來(lái)自各行各業(yè)，為了共同目標(biāo)，我們?cè)诠ぷ魃厦芮信浜?，從?chuàng)業(yè)型小企業(yè)到企事業(yè)單位，感謝他們對(duì)我們的要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。專業(yè)領(lǐng)域包括網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、電商網(wǎng)站開(kāi)發(fā)、微信營(yíng)銷、系統(tǒng)平臺(tái)開(kāi)發(fā)。

當(dāng)在父組件中定義一個(gè)點(diǎn)擊事件，并且在父組件的methods中定義了這個(gè)點(diǎn)擊事件時(shí)，在頁(yè)面上點(diǎn)擊并不會(huì)有什么反應(yīng)。那么該怎么辦呢？

我們可以在子組件的template中的dom上定義一個(gè)點(diǎn)擊事件（原生事件），并且在子組件的methods中定義該點(diǎn)擊事件，然而點(diǎn)擊頁(yè)面時(shí)也只會(huì)alert(child click )。

這是為什么呢？父組件的點(diǎn)擊事件被vue當(dāng)成自定義事件，點(diǎn)擊后沒(méi)有檢測(cè)到，這時(shí)需要子組件向父組件觸發(fā)點(diǎn)擊'自定義'事件，即 this.$emit('change') 。then，完成。先響應(yīng)了child click，然后響應(yīng)了click。

但是這樣好麻煩哦！！怎么辦呢？

我們可以直接在父組件定義的@click后面加上native，告訴vue我定義的事件就是原生事件??！就一切?了

like this:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

希望本文所述對(duì)大家vue.js程序設(shè)計(jì)有所幫助。