vue写一个登录页面

server/2025/3/1 21:34:13/

一、安装ui库

element plus库
Element Plus 是 Element UI 的升级版本，专为 Vue 3.x 设计。它继承了 Element UI 的优秀特性，同时针对 Vue 3 的新特性（如 Composition API、Teleport 等）进行了全面优化，提供了更强大的功能和更好的性能。

npm install element-plus

二、路由跳转

在index.js中实现路由的跳转逻辑
在这里插入图片描述
添一个跳转到该页面的
路由组件：使用动态导入（懒加载），这种写法会将 LoginView.vue 单独打包，只有在访问时才会加载

三、页面

新建一个loginview.vue
在这里插入图片描述

在这里插入图片描述

http://www.ppmy.cn/server/171634.html

HONOR荣耀MagicBook 15 2021款独显(BOD-WXX9,BDR-WFH9HN)原厂Win10系统

适用型号：【BOD-WXX9】 MagicBook 15 2021款 i7 独显 MX450 16GB512GB (BDR-WFE9HN) MagicBook 15 2021款 i5 独显 MX450 16GB512GB (BDR-WFH9HN) MagicBook 15 2021款 i5 集显 16GB512GB (BDR-WFH9HN) 链接：https://pan.baidu.com/s/1S6L57ADS18fnJZ1…

电脑键盘知识

1、键盘四大功能区 1. 功能区 2. 主要信息输入区 3. 编辑区 4. 数字键盘区笔记本电脑键盘的功能区，使用前需先按Fn键 1.1、功能区 ESC：退出 F1：显示帮助信息 F2：重命名 F4：重复上一步操作 F5：刷新网页 …

C/C++语言知识点二

1. 编程算法之“哨兵”思想哨兵思想是一种编程技巧，通过在数据结构的边界或特定位置放置一个特殊值（称为“哨兵”），来简化逻辑判断和提高代码效率。哨兵通常是一个标记值，用于指示某种条件或边界，从而避免…

第9章机器学习与统计模型

这一章重点探讨统计模型和机器学习模型，两个大的主题都建立在数据的基础之上，所以要熟练掌握对数据的处理与分析。实际上，机器学习本身就是统计模型的延伸，是在大数据背景下传统统计方法捉襟见肘了，所以才考虑引入机器…

Joycon-Robotics库的安装报错解决记录

Joycon-Robotics: Nintendo Switch Joy-Con for Robotics 今天遇到一个小bug，就算在安装joycon-robotic库的时候： cd joycon-robotic pip install -e . 上面这2行指令无误，但是： make install 这个指令报错，error如下…

通过Sidecar模式实现服务注册、服务发现和负载均衡的分布式系统架构

以下是通过Sidecar模式实现服务注册、服务发现和负载均衡的分布式系统架构的详细文字图示： ---------------------------------------------------------------------------------------- | 分布式系统架构示意图 …