vue3

组件实例的作用域是孤立的。这意味着不能（也不应该）在子组件的模板内直接应用父组件的数据。父组件的数据需要通过prop才能下发的子组件中。

也就是说props是子组件访问父组件数据的唯一接口（父传子，子组件访问父组件值）。

  1. 首先父组件里需要import 子组件，并且在components中注册这个子组件。这样在父组件模板中就能使用，<HelloWorld> </HelloWorld>

父传子 红色

  1. 父组件，模板中，使用属性绑定方式 :txt = "txt";然后在下面定义变量txt的值，最后return出去。在子组件中，在props属性中有自定义属性txt；然后可以直接使用txt的值。这就是父组件中定义变量txt的值。就是父传子。

（注：其中在父组件setup中定义的txt变量，可以是数组，数字，对象等其他东西，而且可以添加方法改变txt值？？）

子传父 蓝色

  1. 子组件直接通过emit方法。emit("sendMsg",所要传的值)

在父组件中，使用@sendMsg="方法名"，这个方法中就自带一个value，这个value就是子组件所要传的值。

alt alt