Vue3——父子组件传值

在Vue3中父子组件传值，
在子组件身上通过绑定属性的方式传递数据
子组件在props中接收，接收几个参数setup的形参就能获取到几个参数
setup函数有两个形参（props，content）
setup中的形参props用于接收父组件传递过来的值
接收参数后，return出去就可以在模板中使用
...toRefs(props)

要修改父组件传递过来的值
需要用ref转一下，再修改转过后的变量的数据，因为props里的值默认只能读不能改。
如果也要同时修改父级的数据，需要设置emit('自定义事件名称'，传送的数据)，再返回出去
这里的emit事件是setup里content（上下文对象）形参中的emit

父组件页面在子组件标签身上绑定子组件的自定义事件，父组件通过函数中的e接收传递过来的数据，并通过name.value=e.xx修改数据

setup的第一个参数，用于获取父组件的传值setup(props,content)
注意：props选项接收了几个参数，setup函数的第一个参数就只能获取几个参数。
setup的第二个参数，是一个上下文对象；它里面一个方法是emit，用于触发自定义事件
props选项没有接收的传值，在setup里面通过上下文对象的attrs属性接收（相当于vue2中的$attrs兜底函数）
slots对象返回的是插槽里面的虚拟DOM信息
什么是虚拟DOM，就是vue实例所能识别的一个DOM信息对象。

vue3父子组件传值——子