组件中 子给父传值

html 代码：

js代码：

效果图：

14a6b88c-9881-4551-9d9c-d85f95de66f2.png

当点击按钮，子组件中的内容会传给父组件

e363710d-9666-4c47-a790-b29d460b88a6.png

小练习

效果图：

6578589b-11fb-48a3-95d8-82b192c6b562.png

在输入框里输入内容后，点击按钮 输入内容就显示在父组件里了，

340168bb-53fb-4d31-9352-038fa1935da6.png

html代码：

js 代码：

子传父 对话小练习：

35f685a0-753b-410d-8aeb-c40a00117bcd.png

html代码如下：

js代码如下：