如何理解Vue的給組件綁定原生事件

案例：

<div id="app">
    <my-comp @click.native="doThis"></my-comp>
    <div @click="doThis">我是元素</div>
</div>
<script>
    Vue.component('my-comp', {
        template: '<div>我是組件</div>'
    });
    new Vue({
        el: '#app',
        methods: {
            doThis: function() {
                console.log('click');
            }
        }
    });
</script>

結果說明：

點擊[我是組件][我是元素]均可以觸發doThis函數，若是組件click事件去掉native修飾將不會觸發doThis事件，由於Vue把它當作組件的自定義事件了，而組件的自定義事件的觸發須要使用this.$emit('click')。