vue on emit 父子之间传值应用详细代码

大概很多人都知道用这个，网上教程也一大堆，但我想说的是一定要手动敲一遍，敲一遍，敲一遍，重要的事情说三遍。

大概有些人也不知道它该何时用on，或者emit 的吧？

先说两个我项目中用到的场景吧：

• 项目的公共header，需要动态变化标题，那公共header就作为一个子组件而存在，不同的父组件传入不同的title，此时用到on ，父给子传值。
• 顶部的登录点开之后，是内容，想通过内容点击之后关闭弹窗，并且不影响下次登录。