导入组件后Vue内容/代码不显示问题求助

你已经正确导入了test.vue组件，但没有在App.vue的模板中使用这个组件，这就是页面空白的原因。

在Vue里，光导入组件还不够，必须在模板区域声明组件标签，组件才会被渲染到页面上。因为你用的是<script setup>语法，导入的组件可以直接用对应的标签名使用（比如你导入的是test，就用<test />或<test></test>）。

修改后的App.vue代码如下：

<script setup>
import test from './components/test.vue'
</script>

<template>
  <test />
</template>

这样修改后，test.vue里的内容就能正常显示在页面上了。

内容的提问来源于stack exchange，提问作者Vyrncoding