vue项目实现登录页

使用VueCli快速构建项目

1.vue cli 脚手架的安装

通过npm全局安装@vue/cli脚手架  @3.10表示下载某个指定版本，如果不写，则下载最新版本

           npm install -g @vue/cli

           PS:如果使用npm方式安装脚手架速度太慢，或者是卡死的话，可以选择淘宝镜像cnpm的方式安装

          //安装淘宝镜像的命令行

          ①  npm install -g cnpm --registry=https://registry.npmmirror.com

          // 如果安装了cnpm淘宝镜像的话，可使用下面的命令行安装@vue/cli脚手架，网速会相对来说快一些

          ②  cnpm install -g @vue/cli

         //PS：如需要卸载vue/cli包，可执行以下命令行

         npm uninstall -g @vue/cli

2.创建登录界面LoginView.vue

配置路由--router.js

 path: '/login',

    name: 'login',

    component: () => import('../views/LoginView.vue')

配置main.js