首页 > 建站教程 > APP开发,混合APP >  uni-app vue3子组件不显示正文

uni-app vue3子组件不显示

uni-app vue3子组件不显示,已经确定,引入没问题,代码如下:

父组件:

<template>
  <view class="container">
    <base :data="detail" />
  </view>
</template>
<script setup>
  import base from '../../components/agreements/base.vue'
</script>


子组件:

<template>
  <view class="h1">子组件</view>
</template>
<script setup>
</script>


百度了一番,必须将组件首字母改成大写,父组件代码修改后效果:

<template>
  <view class="container">
    <!-- 这里首字母大写 -->
    <Base :data="detail" />
  </view>
</template>
<script setup>
  // 这里首字母大写
  import Base from '../../components/agreements/base.vue'
</script>


不知道为什么,uni-app vue2版没这个问题,大小写都行。