3.vue3项目（三）：路由配置，登录页面搭建：登录功能调用，登录后的消息提示，登录时的表单校验

表单校验"/>

3.vue3项目（三）：路由配置，登录页面搭建：登录功能调用，登录后的消息提示，登录时的表单校验

一、模板的路由的配置

首先我们需要登录页，首页，404页面，任意路由。

1.安装依赖

pnpm install vue-router

2.新建三个页面

新建登录页面、首页、404页面。

在src下面新建views文件夹，然后分别新建login,home,404三个文件夹，然后每个文件夹内新建一个index.vue。我们这里index.vue都只给一行文字即可。

<template><div><h1>我是一级路由</h1></div>
</template><script setup lang="ts"></script><style scoped></style>

3.新建路由器

在src下面新建router目录，然后新建两个ts文件：index.ts，routes.ts。

其中routes.ts是index.ts中具体跳转方法提成的一个文件。

routes.ts：

// 对外暴露配置的路由(常量路由)
export