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 @   像一棵海草海草海草  阅读(92)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2021-08-10 172.浦东外站库发料发错,用MIGO冲销提示仓位不存在的解决办法
2019-08-10 2019年年度计划与八月计划
点击右上角即可分享
微信分享提示