页面开发流程
This commit is contained in:
parent
c985af60a3
commit
39868c67c6
14
src/pages/HomePage.vue
Normal file
14
src/pages/HomePage.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<div id="homePage">
|
||||
<h1>{{ msg }}</h1>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const msg = "欢迎来到龙儿之家,你将从这里开始项目学习之旅~";
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#homePage {
|
||||
}
|
||||
</style>
|
@ -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,
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user