备注：在看本篇文章前需要先完成搭建脚手架工作，具体可以参照-搭建脚手架

1. Vscode下载地址：https://code.visualstudio.com/
2. Vscode常用插件：https://www.jianshu.com/p/fc4dcb2043f6
   **

注册、登录页面的vue.router

**
一、搭建脚手架并运行vuetify框架项目

输入：网址localhost:8080即可

二、首页观察，替换首页内容：


注释掉home，替换登录页面：
此时页面为空页面：
三、新建登录组件并引用：
引用新增组件：

四、消除Vuetify原有样式：

五、增加登录样式：
1、在Vuetify官网https://vuetifyjs.com/zh-Hans/components/paginations/下检索UI组件，搜索需要的样式；
官网搜索只用取3中的那一小段即可：【点击2能查看源码】


2、增加按钮并添加样式