求解大佬!父组件向子组件用defineProps取不到值

39 阅读1分钟

问题描述

父组件
<template>
  <div>
    我是父组件
    <aPage :name="name" :count="3"></aPage>
  </div>
</template>

<script setup>
import aPage from '../components/AnumPage.vue'
let name = '3'
</script> 
子组件
<template>
  <div>我是子组件</div>
  <div>
    {{ props }}//undefined
  </div>
</template>

<script setup>
import { defineProps } from "vue";
let props = defineProps({
  name:String
});
console.log('%c [ props ]-14', 'font-size:13px; background:pink; color:#bf2c9f;', props)
</script>

问题:父组件向子组件传的name值在子组件中取不到

image.png