Vue3+Vite+Pinia+Naive后台管理系统搭建之八:构建 login.vue 登录页

前言

如果对 vue3 的语法不熟悉的,可以移步Vue3.0 基础入门,快速入门。

项目所需要的图片,icon图标(推荐:阿里巴巴矢量图标库)自行获取,命名一致就行。

1. 构建 src/components/CopyRight.vue 版本号组件







2. 构建 src/components/SvgIcon.vue 图标组件

参考在 vue3 中构建 SvgIcon 组件

Vue3+Vite+Pinia+Naive后台管理系统搭建之八:构建 login.vue 登录页_第1张图片

3. 编辑 src/pages/login.vue








 

综上

login.vue 登录页构建完成。下一章:layout 动态路由布局

你可能感兴趣的:(前端,vue.js,javascript)