vue 事件传递的原理

vue的事件机制中，通过父组件模版中@一个事件，子组件emit('xx')事件名的方式实现子组件调用父组件的方法。
原理如下：

<html>
<body>
    <div id='idx'></div>
</body>
</html>

<script>
function trigger (el, type) {
    const e = document.createEvent('HTMLEvents')
    e.initEvent(type, true, true)
    el.dispatchEvent(e)
}
let idx = document.getElementById('idx')

idx.addEventListener('onAndy', () => {
    console.log('onAndy')
},false)

trigger(idx, 'onAndy')
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容