Vue组件通信之二:事件监听函数$emit/$on/$off

在vue2.x版本中自定义时间都需要通过$emit/$on/$off函数来进行触发、监听和取消监听。

如果了解过JavaScript的设计模式-------观察者模式,一定知道dispatchEvent和addEventListener这两个方法。Vue组件中也有与之类似的模式,子组件用$emit来触发事件,父组件用 $on监听子组件的事件

父组件也直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件;代码如下

猜你喜欢

转载自blog.csdn.net/u013089490/article/details/83743783
今日推荐