如下代碼，我從子組件派發(fā)一個(gè)事件，但是在父組件中并沒有接受到，這是為什么，代碼如下：

說明：代碼可以直接在瀏覽器下運(yùn)行查看效果，結(jié)果會(huì)在控制臺(tái)打印。

<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
<div id="app">
    <child v-on:test='getEmit'></child>
</div>
<script type="text/javascript">
var Template={
    'child':{
        template:'<button v-on:click="func()"  ref="butt">{{name}}</button>',
        data:function(){
            return {
                'name':'nihao'
            }
        },
        methods:{
            func:function(){
                console.log("輸出button內(nèi)容"+this.$refs.butt.textContent);
                vm.$emit('test', this.$refs.butt.textContent)
            }
        }
    }
};
var vm=new Vue({
    el:'#app',
    data:{},
    methods:{
        getEmit:function(){
            // 這里沒有輸出，為什么
            console.log("div觸發(fā)");
        }
    },
    components:Template
});
// vm.$on('test',function(e){
//     console.log('on觸發(fā)輸出內(nèi)容'+e);
// });
</script>