A组件代码
<template>
<view class="h">我这是a组件:{{ n }}</view>
<B :n="n"></B>
</template>
<script setup>
import B from './b.vue';
const Props = defineProps({
n:{
default:'',
type:String
}
});
</script>
<style scoped>
.h{
font-size: 50rpx;
}
</style>
B组件代码
<template>
<view class="h">我这是b组件:{{ n }}</view>
</template>
<script setup>
defineProps({
n:{
default:'Hello world',
type:String
}
})
</script>
<style scoped>
.h{
font-size: 50rpx;
color:red
}
</style>
主页面调用A组件