Vue $emit 事件传递 SegmentFault交互示例：Vue $emit 事件传递。 博客配套 SegmentFault ← Demo 归档

Vue $emit 事件传递

SegmentFault交互示例：Vue $emit 事件传递。

更新于 2020-05-23

Web SegmentFault 博客配套 legacy SegmentFault 博客配套

新窗口打开 原路径 /static/html/sf-a-1190000022616927-vue-emit.html

简介

Vue 组件通信相关 Demo（emit / 父子传值），文件名含 vue-emit；页面也涉及 v-if / v-show 使用差异。

如何测试验证

1. 触发子组件事件，确认父组件收到 payload。
2. 切换 v-if / v-show，对比 DOM 是否销毁与事件是否残留。
3. 对照配套文章中的组件通信章节。

相关规范与文档

• Vue: Component Events
• Vue 2: Custom Events
• MDN: CustomEvent