015.Vue3入门,在App.vue中加载显示子页面

1、App.vue代码如下:

<script setup>
import Testpage001 from './view/Testpage001.vue'
</script>

<template>
  <Testpage001/>
</template>

<style>
</style>

2、如图所示

 3、Testpage001的代码如下:

<template>
  <div class="subtitle">我是一个子页面,嘿嘿</div>
</template>

<script>
</script>

<style>
.subtitle {
  font-size: 30px;
  color: red;
}

</style>

4、运行的效果如下,可以正常显示子页面。

 

posted @ 2024-08-10 21:48  像一棵海草海草海草  阅读(4)  评论(0编辑  收藏  举报