Javascript vuejs组件事件:不工作

Javascript vuejs组件事件:不工作,javascript,vue.js,vuejs2,vue-component,vue-events,Javascript,Vue.js,Vuejs2,Vue Component,Vue Events,我有一个vuejs组件,在我的组件的一个方法中,我正在调度这样一个事件: this.$emit('user:registerd', [user]) 在父对象上,我尝试使用 <user v-on:user:registered="showSuccess"> </user> 但上述方法从未运行过showsucture方法。如果我省略了emit和v-on中的:部分,那么一切都正常。我认为可以使用:以某种方式在组件中使用它 有人知道为什么这不起作用吗 如果您发射: thi

我有一个vuejs组件,在我的组件的一个方法中,我正在调度这样一个事件:

this.$emit('user:registerd', [user])
在父对象上,我尝试使用

<user v-on:user:registered="showSuccess"> </user>

但上述方法从未运行过
showsucture
方法。如果我省略了emit和v-on中的
部分,那么一切都正常。我认为可以使用
以某种方式在组件中使用它

有人知道为什么这不起作用吗

如果您发射:

this.$emit('user:registerd', [user])
请听:

<user v-on:user:registerd="showSuccess"> </user>
请记住,您正在向处理程序函数发送一个单元素数组


小型演示:

Vue.component('child'{
模板:`单击我以发出事件`
})
新Vue({
el:“#应用程序”,
数据:{
消息:“您好,Vue.js!”
},
方法:{
展示成功(e){
this.message='Success.Received:'+JSON.stringify(e);
}
}
})

{{message}}


这里有一个输入错误:
$emit('user:register[e缺失]d',
…我试图找出代码之间的差异。你能解释一下差异吗?对我来说,这和OP是一样的。他发出一个带有名称的事件并收听另一个名称。我想
与此有关,但是,正如我在小演示中测试的,它实际上没有。啊,我很笨…仍然看不到差异。Check实际上是
$emit(eventName)
中的名字,OP听的是
v-on:eventName
。是的,我简直不敢相信我打错了
<user v-on:user:registered="showSuccess"> </user>
this.$emit('user:registered', [user])