子组件向父组件传递数据的理解

子组件通过自定义事件向父组件传递数据。就像七七西安事变一样，是下级向上级传递信息，这次的事变的数据是，要抗日。子组件向父组件传递数据，就是传递信息，可以看作历史中的，卢沟桥事变，77西安事变一样。每一次事变，都向社会传递了数据。就向张学良发动西安事变，通过这个自定义事变，子级向父级传递了，我要抗日的信息。而上次要收到这个信息，必须在子元素中安装上一个间谍，就像在这个父组件中，因为父组件只直接看到子组件，这时候，就在子组件上装上一个事件，这个事件就像一个间谍一样。一旦有风吹草动，就通过调用自己的方法，就是自己的通信渠道，如军统，从而修改应急状态。这就是子向父传递数据的流程。跟77西安事变一样。
子组件部分：

这是 login.vue 的 HTML 部分，当的值发生变化的时候，将 username 传递给 App.vue

首先声明一个了方法 setUser，用 change 事件来调用 setUser

在 setUser 中，使用了 $emit 来遍历 transferUser 事件，并返回 this.username

其中 transferUser 是一个自定义的事件，功能类似于一个中转，this.username 将通过这个事件传递给父组件

父组件部分：

在父组件 App.vue 中，声明了一个方法 getUser，用 transferUser 事件调用 getUser 方法，获取到从子组件传递过来的参数 username

getUser 方法中的参数 msg 就是从子组件传递过来的参数 username

三、子组件向子组件传递数据

Vue 没有直接子对子传参的方法，建议将需要传递数据的子组件，都合并为一个组件。如果一定需要子对子传参，可以先从传到父组件，再传到子组件。

为了便于开发，Vue 推出了一个状态管理工具 Vuex，可以很方便实现组件之间的参数传递