vue中'. native'修飾符的使用

native是什么？

.native - 監聽組件根元素的原生事件。
主要是給自定義的組件添加原生事件。

官網的解釋：
你可能想在某個組件的根元素上監聽一個原生事件。可以使用 v-on 的修飾符 .native 。
通俗點講：就是在父組件中給子組件綁定一個原生的事件，就將子組件變成了普通的HTML標簽，不加’. native’事件是無法觸 發的(我覺的這個說法一點也不通俗)。

舉列說明

這時點擊按扭沒有任何反應。

這時點擊按扭，出現彈窗，如下圖：

這里候，就可以很明顯的看出.native的作用了。
使用native的原因主要有兩點：

1. 在vue組件中，所有的原素必須在一個根結點上。
2. 當想要在根結點響應數據，如果直接綁定v-on是不能響應的，這時，可以添加.native就可以了。

---

參考兩篇文章，一個CSDN，一個博客園：

https://blog.csdn.net/qq_29468573/article/details/80771625

https://www.cnblogs.com/musicbird/p/10130312.html

博客園中的代碼有一點問題，CSDN上的代碼沒問題，但是講的不大明白，合了一下，哈哈哈哈哈，有不對的請指出來哈。