vue3父传子

1.父组件

<template>
  <div>
    <h1>父组件</h1>
    <son :money="money"></son>
  </div>
</template>

<script setup lang='ts'>
import son from "../son.vue";
import { ref } from "vue";

const money = ref(1000)

</script>

<style lang='scss' scoped></style>

2.子组件

<template>
  <div>
    <h1>{{ money }}</h1>
  </div>
</template>

<script setup lang='ts'>
const prop = defineProps({
  money: Number,//设置类型
  money2: {
    type: Number,//类型
    default: 100//默认值
  }
})
</script>

<style lang='scss' scoped></style>