本文是基于上一篇《vue-router实现单层路由》的基础上做出了相应的补充，详情请点击链接：vue-router实现单层路由 。
接着上一节单层路由的基础上，
在List.vue中做如下更改：
在components文件夹下创建ProductList.vue和NewsList.vue两个文件：
再在router.config.js中配置子级路由：
这样多层路由就实现啦！~
效果图如下：
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。