vue3通讯方式（父传子）

1. 父组件引用子组件的时候，可以通过自定义属性进行值的传递，在子组件通过 props 进行接受 ```jsx //parent.vue

// child.vue

//child.vue

3. 通过provide / inject 
```jsx
//parent.vue
<template>
    <Child />
</template>
<script>
import { provide } from "@vue/composition-api";  // 父组件引入 provide
import Child from './child.vue'
export default {
    name:'app'
    components:{
        Child    
    }
    setup() {
         // provide('数据名称', 要传递的数据)
         provide("test", "我是父组件向子组件传递的值"); 
    }
}
</script>
//child.vue
<template>
  <div class="child">
    子组件接收的值:{{test}}
  </div>
</template>
<script>
import { inject } from "@vue/composition-api";
export default {
  setup() {
    //调用 inject 函数，通过指定的数据名称，获取到父级共享的数据
    const test = inject("test");
    return {
      test
    };
  }
}
</script>

1. 通过$attrs给子组件传值（$attrs只会包括未被props继承的属性） ```jsx //parent.vue

//child.vue

```