Vue.js中.native修飾符的作用是什么
本篇文章為大家展示了Vue.js中.native修飾符的作用是什么，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
專注于為中小企業(yè)提供網(wǎng)站設(shè)計、成都網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)潮州免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
.native修飾符
官方對.native修飾符的解釋為：
有時候，你可能想在某個組件的根元素上監(jiān)聽一個原生事件?？梢允褂?v-on 的修飾符 .native 。例如：
簡單點理解就是：
給普通的HTML標簽監(jiān)聽一個事件，之后添加 .native 修飾符是不會起作用的。例如：
HTML代碼
click me
JavaScript代碼
new Vue({
el: '#app',
methods: {
clickFun: function(){
console.log("message: success")
}
}
})結(jié)果
給某個組件的根元素上監(jiān)聽一個事件，之后添加 .native 修飾符就會起作用了。例如：
HTML代碼
JavaScript代碼
Vue.component('my-component', {
template: `click me`
})
new Vue({
el: '#app',
methods: {
clickFun: function(){
console.log("message: success")
}
}
})結(jié)果
上述內(nèi)容就是Vue.js中.native修飾符的作用是什么，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文題目：Vue.js中.native修飾符的作用是什么
網(wǎng)址分享：
http://weahome.cn/article/pcedep.html
重慶分公司
重慶分公司
