vue父子通信的基本使用

项目中没怎么用过父子通信，很多页面都是路由切换实现的，后来做首页的时候发现首页的路径没法配置，我强行在原先的首页上写了个子组件，通过判断路径使其强行跳转实现的

这个时候跳转页面的时候就要使用到了父子间的通信问题了，首页点击详情，跳转详情页需要携带主播id。之前的做法是跳转的时候携带参数（$router.push()方法），子组件显然不能这样用。

参考。看代码：

使用新脚手架举例：

父传值给子

helloworld.vue中

子组件childComponent.vue:

子组件传值到父组件（不能直接改变父组件中的值）

childComponent.vue

helloworld.vue

 // 监听自定义事件，子组件触发之后，触发getData事件

methods: {
    getData (val) {
         console.log(val) // This is child's component 传值成功
    } 
}