31_尚硅谷_Vue_案例_自定义事件

啊。啊，我们上午呢去做了这一个todo，但是组件间通信呢，都是用的第一种方式。我们来看一下第二种方式啊，叫view的自定义事件。嗯，这个呢，可以去看一下文档。把文档打开一下。打开教程。好，这里面就有一个组件的部分。嗯，这里面说了很多，大家后面有兴趣的可以看一下，下面有一个东西叫什么自行事件，对吧？关于世界呢，有两个方面大家要注意，一个叫绑定监听。再一个叫什么触发。叫触发事件或者叫分发事件啊。

好，来，我们来看一下它在这里面如何来去保定监听，哎，保定监听肯定有一个V杠号吧。只是说我们前面写的一般，是不是写的是多世界。对不？那自定义事件怎么写呢？其实也非常简单，大家应该这里有例子啊，大家可以看一下这个。这相当于绑定了一个什么监听。是不是increment仅仅取了这样一个名字对吧，就你自定义的一个名字吧，右边的是什么？回调函数嘛，对吧，啊事件的回调函数。啊，这个要知道好，下面它其实还有另外一种绑定监听的方式，叫多了福什么呢啊。多数二水的方法。VM对吧，啊VM，那其实VM里面方法呢，所有的组件对象都可以用一样的啊，因为组件对象就相当于一个小的VM。

好，那如何来触发事件呢？哎，它这里面说了一个是叫什么。多乐福I。啊，或者叫触发，或者叫分发，指定两个东西，一个叫事件名，一个叫什么呢？这个地方啊，这个写的不太好，其实可以写这个东西会比较好一些。数据。好，那我问大家啊，你说我们绑定监听的时候需要指定什么。就指定世界名吗？大家想我绑定监听的时候，我关注哪些东西？就有个四名够吗？不够，那还有什么呢？绑定事件，监听事件是不是要指定一个回调函数对吗？这个他写的不是特别好，他应该再写个参数，肯定会有第二个参数的，必然会有第二个参数，这个要知道啊。

好。呃，下面呢，我们来用一下啊，这东西来看这里。嗯。刚刚中午的时候，嗯，第三节课我就直接走了，然后呢，是因为回家吃了个药，睡了个觉就好多了，就不让冒汗。啊。那我把前面这个给它备份一下啊，先把它备份一个。呃，叫to。啊，写个一吧，来，现在呢，我们来说一下看一下看一下啊，下面一回事啊。比如说我们这个里面hand和APP。它有一个通信的方式是什么呢？就是给他只组件传一个什么。传的是一个函数吧，对不对，传的是一个函数啊那。

我们的这个啊，我们现在要讲的这个view的自定义事件，其实就是用来可以去代替传函数的这种形式。什么意思呢？来，看到我不要它了，我把它干掉。把它干掉啊，那自然我这边是不是也不需要了，没问题是吧，好，我再看看这里啊，看这里。我在这里，我干嘛呢？我来一个at。艾特不是去绑定监听的吗？取个名字，这个名字呢，最好是能够跟你的回调函数重名就可以。譬如说我们不是要去绑定那个回调函数叫ADD to do吗？那我的这一个事件名就叫adddo。等于什么？是回调函数。那也就是说现在我给大家看呢，是给我的这一个标签对象吧，给这一个标签啊，写一下啊标签对象。

绑定啊，什么监听爱的todo的事件监听吧，事件监听。好，我这一边是绑定监听，那这一边该干什么呢。以前是调用这个函数是吧，现在没有了。我根本就没有传函过来。我得干嘛去？我得触发事件，是不是相当于通知他调用啊？这个能不能懂啊，这个地方大家看着啊，看这里啊，我们有一个父组件，有一个子组件。啊，假设附试卷呢，我们现在不就是APP吗。直接呢假设，我们就简单说叫hand吧，好的好了，绑定事件经的代码写在哪个组件。写在父组件还是子组件？

副组件绑定监天代码是不是得写在标签上面了？那这个指标，这个标签是不是在副组件里面没问题是吧？好，我在它上面绑定的监听，那它内部的干嘛呢。你想啊，我怎么样触发他就用这个地方只组建内部。啊，当我在这个地方啊，要通知这个函数调用吗？不这个函数调用吗？那怎么办。刚才有一个方法叫多了波一米。实际上就是触发事件嘛，啊触发事件啊，来写一下叫触发自定义事件名字。世界名。哎，这个地方它对吧，你看这个啊I去六，那我这个地方大家看到啊，看到我我就穿什么了。首先是不是触发事件的指定事件名，还有一个要不要给他传递什么数据了。

你一触发这个事件，他的这个回调函数是不是调用，大家想这个回调函数调用需要接收一个什么，那你要不要传过来，那怎么传呢？其实非常的简单，它就第二个参数，就传一个数据，就传date去，但现在不能写，对这写什么。To do。啊，OK，就是这么一个处理方式，就两个，一个是绑定事件监听，这跟以前写法是一样的，就是名字是自定义的。再一个呢，就是触发事件。叫多少一米？好，我们来看一下，看看我们当前这个行不行啊。哎，重新它重新编译了。我们现在只需要去啊，输一个可以吧，可以没有任何问题。

啊，看好，这是这种方式，它这个绑定实验监听，除了这种方式，其实也是我们常用的还有一种方式。大家看文档，文档里面不有专门有一个方法去绑定监听吗？其实这个我们用的很少，但是呢也跟大家说一下。来。我们要说。这个地方我给谁绑定监听是不是要给，譬如说举个例子啊，我们去做假设。啊，我把这个。把这个不要了。啊，就是这个delete啊，把这个不要了，因为用来代替函数的嘛，把这个要了，那这个不要的话，那我这边。就不用了呗。能看到吧，好，那我不要的话，那我这边来看呢。我这边该怎么弄，嗯，看一下。

我这边的话，那我的APP里面需要去绑定一个什么。是绑定一个监听啊，或者直接直接啊用同一个吧，别别这个，因为后面我们要用另外一个东西来，我就这样。我就直接还是搞他，我把这个做掉啊，我把这个做掉。啊，我们呢，先还是这样，嗯，写一个他。嗯，写一个字好。大家看着。好，现在我就没有传参数啊，我没有传任何的参数啊，没有传任何的属性，但是我的这一边，我的这个汉的这边是不是有分发事件，但是我这边有绑定阶梯吗？没有吧啊就用这一个比较有对表性啊，对比比较好一点来，那我们要干嘛去。是不是给他绑定监听，你要绑定监听的一个目标啊，目标他吧，好，那绑定监听什么时候绑啊，我要用JS代码写，什么时候绑呢。

对不对，总总人又会实际啊。那也就是说我们这个尖低音是不是应该上来就保密。怎么样说一上来就绑定呢。对不对，这个地方是不是有一些生命周期回调函数的啊，比如说啊，我们常用的就两个吗？还记得吧，啊monkey的，这是我们最用用的最多的。啊，其实这个里面就是去啊做什么呢，执行一些说一下啊，在这个里面专门去执行一些义务代码，绑定监听不就是义务代码。嗯，OK，来写一下啊，叫执行义务代码。好，那我们现在干嘛去绑定，给谁绑定先说。给这个标签是吧，给它啊，记住了，强调一下，给它绑定什么时间监听就不能随便瞎写了，因为这个已经指定了。

对吧，啊I todo啊时间监听对不对好。那在这里面文档里面有说明，说是组件对象啊，有这样一个方法，那我开始想的是这么写的，看到我啊，我认点多了符号。指定世界名叫什么？爱的todo在指定什么？回调函数吧，来回调函数了，指不就它吗。那我怎么得到它？是得到这个函数了吧，这里面我能掉吗？不能，这些都是回调函数对吧？啊不能调好了。来，下面我现在问大家，你说监听绑定在哪个对象上面呢？是保证他身上的这一个代表是哪个组件。

APP，我现在说的是要给谁绑定监听。出流汗了，也就现在绑的对吗？不对。这种写法是不对的，我们来看一下，大家看一下，看看我们现在能不能添加。有效吗？没有，其实他是不触发事件，但是没有人监听呢。现在绑定的不对，刚刚说过了，应该给他绑定监听，而现在给谁绑定监听？啊，给APP。对吧，绑定的监听不对吧，不对，那怎么样才对呢？是吧，我是不是得找到这一个组建对象，怎么是。大家知道我怎么找到一个标签，对啊，这就对了，Iff，那我就取一个汉的可以吧，好，那下面。

this.r多了福是吧，Rfs点。看的吧，刚才我取的名字叫汉的吗？没问题是吧，接着才干嘛。这不就这个吗，那也就是说此时。给谁把那些呢。是不是这一个属性所指向的这一个标签对象。这下对了吧。嗯，来，我们来看一下。啊，现在我来添加一下各位可以。大家觉得哪种方式更加简单一点？那肯定是这种方式简单也很也很直接，对吧，我们平常绑定监听就这么搞。好。其实这种方式呢，它本质上就可以去替代传递函数。

啊，传递函数属性，但有一个问题，比如说我们这，你说这个我们能用吗。这不也传递函数吗？啊，大家要知道啊，我们现在传递有。他A传递给B，这是一种情况，还有一种情况。啊，OK，我有三层。能懂吧，外面是A，接着是B，接着C，最终呢？如果我的函数要传递给C，这个时候。这种方式就不合适。它其实专门用于什么呢？父子组件之间。进行数据传递。用来代替谁？函数属性。其实平常的时候我们用这个呢，不算特别多，但是大家得知道啊，这是B里面自己实现的这样一套啊，这样一套机制。嗯，就是这个。