Vue.js 自定义、发出的事件(处理)-vueJS

Vue.js 自定义、发出的事件(处理)-vueJS,vue.js,Vue.js,我是VueJS的新手。 我试图理解发出事件背后的语法。 下面是一个视频教程,我在理解过程中遇到了一些问题: 代码如下: 内部父级: 和子组件(发射组件): 现在,我非常不理解的第一件事是“v-on:CustomEvent”实际上是如何工作的。 据我所知,v-on附加了一个事件处理程序。但它没有具体说明,是吗?我通常必须键入“v-on:click”。那么,为什么在本教程中执行此代码时会发生任何事情呢?没有定义哪种事件会触发功能 第二件事是如何处理数据。 在标头中,在函数的参数内,传递$ev

我是VueJS的新手。 我试图理解发出事件背后的语法。 下面是一个视频教程,我在理解过程中遇到了一些问题:

代码如下:

内部父级:

和子组件(发射组件):

现在,我非常不理解的第一件事是“v-on:CustomEvent”实际上是如何工作的。 据我所知,v-on附加了一个事件处理程序。但它没有具体说明,是吗?我通常必须键入“v-on:click”。那么,为什么在本教程中执行此代码时会发生任何事情呢?没有定义哪种事件会触发功能

第二件事是如何处理数据。 在标头中,在函数的参数内,传递$event。 但这怎么能提供有用的数据呢?事件通常是一个我必须手动提取有效负载的对象,比如event.target.value?
那么为什么这样做呢?

您的代码看起来不错,不需要修复

另一种方法是,无需提及$event,它只需提及方法名即可自动传递参数

<app-header v-bind:title="title" v-on:changeTitle="updateTitle"></app-header>

您的代码看起来很好,不需要修复

另一种方法是,无需提及$event,它只需提及方法名即可自动传递参数

<app-header v-bind:title="title" v-on:changeTitle="updateTitle"></app-header>


试试下面的方法,您的问题就会得到解决。试试下面的方法,您的问题就会得到解决。您好,谢谢您的回答!但我的问题不在于代码不起作用,而在于最后的教程。我的问题是我不理解vue语法是如何工作的。为什么v-on:customEvent会真正启动?未定义触发事件的操作(如单击、更改等)。这是我问题的主要部分。当你想从父母那里向孩子发送数据时,你可以使用道具。如果要将数据从子级传递到父级,则需要使用事件、存储或根vue实例数据属性从子级传递值。在您的情况下,这不是单击或更改事件。但在内部,您可以使用vue advantage创建自定义事件并从父级处理事件。使用这种方法,您可以创建动态组件和跨组件的通信。是的,但是事件如何知道何时触发?这是我的问题。激发时没有指定事件,只有要调用的函数的分母,而不是调用它的情况。除非使用此选项,否则不会激发该事件。$emit('changetTitle','title'),。这是一种触发事件的编程方式。您可以在computed或watchers中使用它,也可以在html内联中使用它,以确定何时执行Hello,谢谢您的回答!但我的问题不在于代码不起作用,而在于最后的教程。我的问题是我不理解vue语法是如何工作的。为什么v-on:customEvent会真正启动?未定义触发事件的操作(如单击、更改等)。这是我问题的主要部分。当你想从父母那里向孩子发送数据时,你可以使用道具。如果要将数据从子级传递到父级,则需要使用事件、存储或根vue实例数据属性从子级传递值。在您的情况下,这不是单击或更改事件。但在内部,您可以使用vue advantage创建自定义事件并从父级处理事件。使用这种方法,您可以创建动态组件和跨组件的通信。是的,但是事件如何知道何时触发?这是我的问题。激发时没有指定事件,只有要调用的函数的分母,而不是调用它的情况。除非使用此选项,否则不会激发该事件。$emit('changetTitle','title'),。这是一种触发事件的编程方式。您可以在computed或watchers中使用它,也可以在html内联中使用它,以确定何时执行