父组件
<template>
<HelloWorld :test="testData" testStr="父组件传一个字符串到子组件"/>
</template>
<script setup name="App" >
import HelloWorld from './components/HelloWorld.vue';
let testData={
code:1,
msg:"父组件传值到子组件"
}
</script>子组件
<template>
<div class="HelloWorld">
<p>{{ props.test.code }}</p>
<p>{{ props.test.msg }}</p>
<p>{{ props.testStr }}</p>
</div>
</template>
<script setup name="HelloWorld">
import { defineProps } from 'vue';
const props = defineProps({
test: Object,
testStr:String
})
</script>本文来自 www.luofenming.com