vue通信之--父子通信

首先来讲讲父子通信的原理：

（1）父传子：

用props来实现，在子组件中定义一个props，来接收父组件传过来的值，并在子组件中使用

下面来看看代码～

目录结构：

App.vue

父组件：

子组件：

效果：

(2) 子传父：

用一个回调函数，通过this.$emit()的方法。它有两个参数，第一个是父组件中监听的方法名，第二个是方法。父组件监听这个方法名即可。

下面来看看代码～
父组件：

子组件：