1.父组件向子组件传值(单向数据流):

image.png
这里的title是传值的属性名,然后我们子组件怎么接收呢?
export default {
props: {
title: {
type: String,
default: 'hello world'
}
}
}
props接收就行了。
2.子组件向父级组件传值:
emit是触发一个事件。
我们只需要在父组件中定义eventName这个方法即可。
3.总结:
props是从上往下传递,是属性。
$emit是从下往上传递,是方法。

image.png
这样我们就实现了组件的双向绑定。
其他:
“:” 是指令 “v-bind”的缩写,“@”是指令“v-on”的缩写;