前端组件传值---父子传值（父传子、字传父）

引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。

1.父子传值props（父-->子）[响应式]

父：

效果如下：

2.父子传值emit（子-->父）[响应式]

子：

父：

效果如下：

 

3.父子传值emit+sync（子-->父）[响应式]

子：

父：

效果如下： 

 

 

4.父子传值ref（子-->父）[非响应式]

子：（没有特殊处理，就是data里面定义数据）

父：

效果如下：