Vue3的父传子
父
<script setup>
//引入子组件
import SonCom from './son-com.vue'
</script>
<template>
<!-- 1.绑定属性message -->
<div class="father">
<h2>父组件App</h2>
<SonCom message="father message" />
</div>
</template>
子
<script setup>
//2.通过 defineProps "编译器宏" 接受子组件传递的数据
defineProps({
message: String
})
</script>
<template>
<div class="son">
<h3>子组件Son</h3>
<div>
父组件传入的数据 - {{message}}
</div>
</div>
</template>