vue项目1-pizza点餐系统6-路由精讲之复用router-view
Posted jimshi
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目1-pizza点餐系统6-路由精讲之复用router-view相关的知识,希望对你有一定的参考价值。
1、在主组件展示二级路由的组件内容,在App.vue中添加
<br> <div class="container"> <!-- row 行排列 --> <div class="row"> <!-- 小屏展示12列,中屏展示4列 --> <div class="col-sm-12 col-md-4"> <router-view name="orderingGuide"></router-view> </div> <div class="col-sm-12 col-md-4"> <router-view name="delivery"></router-view> </div> <div class="col-sm-12 col-md-4"> <router-view name="history"></router-view> </div> </div> </div>
2、在index.js中修改路由配置
path: ‘/‘, name: ‘homeLink‘, components:
default:Home,
‘orderingGuide‘:OderingGuide,
‘delivery‘:Delivery,
‘history‘:History
,
以上是关于vue项目1-pizza点餐系统6-路由精讲之复用router-view的主要内容,如果未能解决你的问题,请参考以下文章
计算机毕业设计之springboot+vue.js点餐小程序 点餐系统