页面开发流程

src/pages/HomePage.vue

@@ -0,0 +1,14 @@
+<template>
+  <div id="homePage">
+    <h1>{{ msg }}</h1>
+  </div>
+</template>
+
+<script setup lang="ts">
+const msg = "欢迎来到龙儿之家，你将从这里开始项目学习之旅~";
+</script>
+
+<style scoped>
+#homePage {
+}
+</style>

src/router/index.ts

@@ -1,8 +1,14 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import HomePage from '@/pages/HomePage.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: HomePage,
+    },
   ],
 })