vue3父组件传值子组件

父组件可以通过props属性将数据传递给子组件。在Vue3中，可以使用`v-bind`指令绑定父组件的数据到子组件的props上。下面是一个示例代码：

<template>
  <h3>父组件传递数据到子组件</h3>
  <input type="text" v-model="parentContent">
  <sub-unit1 :context="parentContent"></sub-unit1>
</template>

<script>
import { ref, defineComponent } from "vue";
import SubUnit1 from "@/components/SubUnit1";

export default defineComponent({
  name: "Transmit1View",
  components: {
    SubUnit1,
  },
  setup() {
    let parentContent = ref(null);

    return { parentContent };
  },
});
</script>

<style scoped>
</style>

在父组件中，我们定义了一个`parentContent`变量，并通过`v-model`指令将其与输入框绑定。然后，通过`v-bind`指令将`parentContent`传递给子组件。

请注意，子组件中的props需要在子组件的定义中进行声明和设置。在这个例子中，`SubUnit1`组件需要声明一个名为`context`的props来接收父组件传递的值。