vue 事件传递的原理
2020-06-24 本文已影响0人
b59a2ae26f20
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>
