基于vue开发 - 编写登录页面样式

vue创建项目，使用可视化界面安装插件-CSDN博客

使用vue UI安装路由插件-CSDN博客

基于vue开发-创建登录页-CSDN博客

在src/views文件夹中创建登录页面login.vue，在router/index.js文件中加入登录页的路由，然后在浏览器中输入登录页的路径就可以访问登录页了

先运行我们的项目，如果要使用vue UI可视化操作运行，我们要先开启UI视图管理

输入命令：vue ui打开视图界面

在浏览器中打开Vue项目管理器http://localhost:8000/

在视图界面中运行项目

或者在编辑工具的终端或者cmd终端输入运行命令运行项目，根据不同的包安装工具运行不同的命令：

npm:
npm run dev

yarn:
yarn serve

 

然后就可以输入我们的登录页链接 

在路由文件中我们可以看到登录页的路径为http://localhost:8080/#/login

上面则是我们的登录页，我们可以根据登录的需求去写表单内容，根据UI写页面的样式；至此我们的登录页面就写好了