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、运行的效果如下,可以正常显示子页面。