文章目录 一、创建登录路由 1.1 安装 Vue VSCode Snippets插件 1.2 处理路径引用的红色波浪线 1.3 入口文件 main.ts 1.4 主组件 App.vue 1.5 路由文件 router/index.ts 1.6 首页组件 views/HomeView.vue 1.7 登录组件 views/LoginView.vue 二、实现登录页面的表单展示 2.1 element-plus官网-form表单-自定义校验规则 2.2 views/LoginView.vue 三、使用ts对数据类型进行限制 3.1 src/type/login.ts 3.2 src/views/LoginView.vue 四、封装axios和重置 4.1 安装axios 4.2 src/request/index.ts 五、登录的逻辑实现 5.1 src/request/api.ts 5.2 src/views/LoginView.vue 一、创建登录路由 1.1 安装 Vue VSCode Snippets插件 安装完插件,输入vb,选择vbase-3-ts-setup 快速生成 1.2 处理路径引用的红色波浪线 解决方案&