前端学习-vue学习010-Props

官方教程链接

子组件可以通过 props 从父组件接受动态数据

• 首先，需要声明它所接受的 props：

    const props = defineProps({
        msg: String
    })

• 在父组件中传数据

<template>
  <Props :msg="hiHi"/>
</template>
<script lang="ts" setup>
  import Props from './components/Props.vue'
  const hiHi = ref('hello hihi')
</script>

• 子元素接受到数据并使用

<template>
    <h2>{{ msg }}</h2>
</template>