Vue--父子组件传参详细代码

建一个 FatherComponent.vue

<!-- 父组件 -->
<template>
  <ChildComponent :parentData="parentData" />
</template>
 
<script setup>
import { ref } from 'vue';
import ChildComponent from './ChildComponent.vue';
 
const parentData = ref('父组件数据');
</script>

一个ChildComponent.vue文件

<!-- 子组件 -->
<template>
  <div>{{ parentData }}</div>
</template>
 
<script setup>
import { defineProps } from 'vue';
 
const props = defineProps({
  parentData: String
});
</script>

ok

以上就是父子组件传参得方法