我們引入一個(gè)原生標(biāo)簽(div、li、p......)的概念，那么原生事件（存在于標(biāo)準(zhǔn)當(dāng)中的如'click', 'mouseover'）應(yīng)該綁定到原生標(biāo)簽上。自定義組件上應(yīng)該綁定自定義事件。
如果我們想給自定義組件標(biāo)簽（注意是標(biāo)簽，不是內(nèi)部元素）綁定原生事件（使原生事件生效于組件template的root element上）怎么辦，加.native修飾符。

組件為

<template>
  <div>
    <p> </p>
  </div>
</template>
// div為root element，里面的為內(nèi)部元素

你可以試試，給自定義組件標(biāo)簽綁定js標(biāo)準(zhǔn)的原生事件是不會(huì)生效的，所以需要加native修飾符。

此處原生事件就是js事件，比如click事件、鼠標(biāo)事件等。給自定義組件綁定原生事件，是給組件根元素綁定原生事件。
比如你定義了一個(gè)組件a：

methods:{

click(id){
    this.$emit('click',id);
}
}

當(dāng)你用這個(gè)組件a時(shí)，@click綁定自定義事件，帶有id參數(shù)；@click.native綁定原生click事件，沒(méi)有id參數(shù)?？梢赃@樣理解

用法上看: 通常 自定義事件 ，需要手動(dòng) this.$emit觸發(fā)，
類比原生js的自定義事件，需要主動(dòng) dispatchEvent。
雖然.$emit跟 dispatchEvent并不一樣，