父子元件繫結事件：

注意：父元件是自定義事件，由子元件傳遞觸發事件資訊；子元件是系統事件比如：click等

    <div id="app">
       <counter @handle="fatherEvent"></counter>  
    </div>
    <script>
        var counter = {
            template: `<div @click="sonEvent">hello</div>`,
            methods: {
                sonEvent(){
                    console.log("sonEvent")
                    this.$emit('handle')
                }
            }
        }
        var vm = new Vue({
            el: '#app',
            components: {
                counter 
            },
            methods: {
                fatherEvent(){
                    console.log("fatherEvent")
                }
            }
        })
    </script>
 

2. 監聽父元件的系統事件（.native修飾符）

    <div id="app">
       <counter @click.native="fatherEvent"></counter>  
    </div>
    <script>
        var counter = {
            template: `<div>hello</div>`,
        }
        var vm = new Vue({
            el: '#app',
            components: {
                counter 
            },
            methods: {
                fatherEvent(){
                    console.log("fatherEvent")
                }
            }
        })
    </script>
 

當點選時，會觸發父元件上的click事件，列印