vue子组件调用父组件方法

js中写法

var com = {
    template:'#temp1',
    methods: {
        myclick() {
            this.$emit("func");
        }
    }
};
var vm = new Vue({
    el:"#newBrand",
    data:{},
    methods:{
      show () {
        console.log("调用父组件身上的方法")
      }
    },
    components:{
        com
    }
});

html中写法：

<div id="newBrand">
   <com @func="show"></com>
</div>
<template id="temp1">
   <div>
       <h1>这是子组件</h1>
       <input type="button" value="子组件按钮，为了调用父组件方法" @click="myclick">
   </div>
</template>

效果：