本文主要是介绍Vue组件通信之二:事件监听函数$emit/$on/$off,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在vue2.x版本中自定义时间都需要通过$emit/$on/$off函数来进行触发、监听和取消监听。
如果了解过JavaScript的设计模式-------观察者模式,一定知道dispatchEvent和addEventListener这两个方法。Vue组件中也有与之类似的模式,子组件用$emit来触发事件,父组件用 $on监听子组件的事件。
父组件也直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件;代码如下
这篇关于Vue组件通信之二:事件监听函数$emit/$on/$off的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!