vue.js（19）--vue中子组件调用父组件的方法

<div class="app">
        <mycom v-on:func="parentshow"></mycom>
        <!-- 通过v-on：绑定方法将父组件中的方法绑定到func，
            然后在子组件中定义一个方法（this.$emit('func')）将func传递给子组件，
            这样子组件就可以通过自己的方法来调用父组件的方法 -->
    </div>
    <template id="cmp">
        <div>
            <a href="#" @click.prevent="show">快点我</a>
        </div>
    </template>
    <script>
        var vm = new Vue({
        el:'.app',
        data:{
            msg:'我是父组件的方法'
        },
        methods:{
            parentshow(){
                alert(this.msg)
            }
        },
        components:{
            mycom:{
                template:'#cmp',
                methods:{
                    show(){
                        this.$emit('func')//通过此方法在子组件建立方法来调用父组件中的方法
                    }
                }
            }
        }
    })  
    </script>