组件相关

传值

父组件向子组件传值‘

Tips

父组件中定义数据

<template>
  <child-component :message="parentMessage"></child-component>
</template>
<script setup>
  import { ref } from 'vue'
  import ChildComponent from './ChildComponent.vue'
  const parentMessage = ref('Hello from parent')
</script>

子组件中接受数据

<template>
  <div>{{ message }}</div>
</template>
<script setup>
  defineProps({
    message: String
  })
</script>