脚手架安装: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运行起来

202108241629769137105644

2、将App.vue整理一下

202108241629769225140738

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

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

202108241629769550967639

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

202108241629769640301137

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

202108241629769866141774