界面跳转

Front/vue-unilife/src/App.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
 
-import LogPage from './components/LogPage.vue';
 </script>
 
 <template>
-  <LogPage/>
+  <router-view/>
 </template>
 
 <style scoped>

Front/vue-unilife/src/components/LogPage.vue

@@ -72,6 +72,7 @@ const LoginPasswordForm = useForm({
 })
 const{value: login_password_email} = useField('login_password_email')
 const{value: login_password} = useField('login_password')
+
 //验证码登录表单
 const LoginEmailForm = useForm({
     validationSchema : yup.object({

Front/vue-unilife/src/components/Personal.vue

@@ -0,0 +1,17 @@
+<script set lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'Personal',
+});
+</script>
+
+<template>
+  <div>
+    <h1>Personal</h1>
+  </div>
+</template>
+
+<style lang="scss" scoped> 
+
+</style>

Front/vue-unilife/src/routers.ts

@@ -0,0 +1,24 @@
+import type { RouteRecord, RouteRecordRaw } from 'vue-router';
+import { createWebHashHistory, createRouter,createWebHistory } from 'vue-router';
+import LogPage from './components/LogPage.vue';
+import Personal from './components/Personal.vue';
+
+const routes:Array<RouteRecordRaw> = [
+    {
+        path:'/log',
+        name: 'LogPage',
+        component: LogPage
+    },
+    {
+        path:'/personal',
+        name: 'Personal',
+        component: Personal
+    }
+];
+
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes
+});
+
+export default router;