自定义,发出的事件(处理)-vueJS

时间:2019-10-21 08:41:51

标签: vue.js

我是VueJS的新手。 我试图了解发出事件背后的语法。 在以下视频教程中,我在理解发生的问题时遇到了问题: https://www.youtube.com/watch?v=5pvG6fzkdFM

代码如下:

内部父母:

https://imgur.com/bxcyjZq

https://imgur.com/Rynifqq

和子(发射部分): https://imgur.com/iHh3zc3

现在,我非常了解的第一件事是“ v-on:CustomEvent”的实际工作方式。 据我了解,v-on附加了一个事件处理程序。但是它没有指定它,是吗?我通常必须输入“ v-on:click”。那么为什么执行此代码后本教程中什么都没有发生?没有定义什么事件将触发功能的定义。

第二件事是如何处理数据。 在标头的函数参数内部,将移交$ event。 但是,这应该如何提供有用的数据呢?事件通常是一个对象,我必须手动提取有效负载,例如event.target.value? 那为什么行得通呢?

1 个答案:

答案 0 :(得分:0)

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

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

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