Vue3_03(组件化)

父子组件之间通信的方式

　　父组件传递给子组件：通过props属性；
　　子组件传递给父组件：通过$emit触发事件；

Props | Vue.js https://v3.cn.vuejs.org/guide/component-props.html#prop-%E7%B1%BB%E5%9E%8B

什么是Props呢？

　　Props是你可以在组件上注册一些自定义的attribute；
　　父组件给这些attribute赋值，子组件通过attribute的名称获取到对应的值；
Props有两种常见的用法：
　　方式一：字符串数组，数组中的字符串就是attribute的名称；
　　方式二：对象类型，对象类型我们可以在指定attribute名称的同时，指定它需要传递的类型、是否是必须的、默认值等等；

重点：单向数据流

　　所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。

非 Prop 的 Attribute | Vue.js  https://v3.cn.vuejs.org/guide/component-attrs.html