vue3+ts组件间的传值（有区分是否在setup语法糖中传值），动态传值并动态渲染子组件

重点！！！在页面不刷新的情况下，父组件数据有变化就给子组件传值，子组件必须写上  :key="value"   value值变化了，子组件才会重新渲染，这样才能一直接收到传递的值，不然会传递不过去。（即强制刷新子组件）

非语法糖传值

一、父传子 -- 使用props传递

接收都定义type和默认值最好， 如：

二、子传父 -- 利用context.emit

三、随意组件间 -- provide&inject传递接收

先导入：

注意！！！provide和inject只能在setup中使用，不能放在watch()监听函数中使用

语法糖传值

一、父传子 -- 利用 defineProps接收

父组件：动态绑定之后就能传值啦

 子组件： 先导入 import { defineProps } from 'vue'，必须要在语法糖中使用