脚手架安装：http://www.unique.fyi:8090/archives/shi-yong-vuecli-gong-cheng-kai-fa---zu-jian-vuecli-jiao-shou-jia-de-quan-ju-an-zhuang--tong-guo-vueuivuecreate-yi-ji-webpack-lai-chu-shi-hua-xiang-mu-

1、安装vue脚手架，并将vue运行起来

2、将App.vue整理一下

3、在文件src—>assets—>components中创建login.vue登录界面

4、在路由组件中导入并增加路由规则

5、在App.vue中创建路由占位符

6、这时候就可以通过地址栏访问组件