该博客主要介绍了Vue项目的路由配置与渲染路径。入口文件为public目录下的index.html，main.js引入App.vue并渲染到index.html。App.vue通过router-view标签引入路由内容，index.js设置全局路由，参数配置在router.config.js，还解析了其内容及展示了效果。
jeecg-boot 前端Vue项目的入口流程
- 1、路径： index.html → main.js → app.vue → index.js → components/组件
- 2、入口文件 public目录下的index.html文件
- 3、main.js文件引入App.vue文件，渲染到index.html中
- 4、App.vue文件中主要的是router-view标签，这里的内容其实是通过路由引入进来的，router-view的内容是在index.js，请看第5点中的截图
- 5、index.js中设置一个全局的路由，参数配置是在router.config.js文件中
- 6、router.config内容解析，UserLayout.vue的router-view标签呈现什么内容在router.config的children属性中设置好了，如果浏览器访问的是localhost://8080/user/login，则是把Login.vue嵌入到UserLayout.vue，效果如第7点的截图。
- 7、效果展示
1、路径： index.html → main.js → app.vue → index.js → components/组件
2、入口文件 public目录下的index.html文件
3、main.js文件引入App.vue文件，渲染到index.html中
4、App.vue文件中主要的是router-view标签，这里的内容其实是通过路由引入进来的，router-view的内容是在index.js，请看第5点中的截图
5、index.js中设置一个全局的路由，参数配置是在router.config.js文件中
6、router.config内容解析，UserLayout.vue的router-view标签呈现什么内容在router.config的children属性中设置好了，如果浏览器访问的是localhost://8080/user/login，则是把Login.vue嵌入到UserLayout.vue，效果如第7点的截图。
7、效果展示
扫一扫
1万+
到【灌水乐园】发言
