開發的時候有時候會遇到比如 點擊這個鏈接跳轉到其他組件的情況,氮素，我們不想跳轉到新頁面，只在當前頁面切換著顯示，那么就要涉及到路由的嵌套了，也可以說是子路由的使用。
比如我們在一個導航組件中寫了三個導航鏈接，他們的地址分別為：/food,/rating,/seller,點擊每個導航鏈接都會跳轉到不同的組件，我們通過<router-view></router-view>
<template> <div class="navbar"> <ul id="main"> <li><router-link to="/food" >商品</router-link></li> <li><router-link to="/rating">評價</router-link></li> <li><router-link to="/seller">商家</router-link></li> </ul> <!-- 路由匹配到的組件將渲染在這里 --> <router-view></router-view> </div></template>
顯示粗來的navbar就是這樣的，在同個頁面顯示，地址欄也是變的， 我們在index這個組件引入navbar組件，頭部那些不相干的logo啊基本信息可以忽略一下下
那么他們的路由都是怎么配的呢，在index.js中：
{ path: '/', name: 'index', component: index, redirect:'/food', children:[ { path: 'food', name: 'food', component: food }, { path: 'seller', name: 'seller', component: seller }, { path: 'rating', name: 'rating', component: rating } ] },多加張圖解釋一下哈
上張圖片注釋的單詞打錯了，是“index”，不是“iindex”,個最后順便附上index.vue的代碼，這樣好理解一點
<template> <div class="index"> <div class="nav"></div> <div class="shop-header"> <div class="imgbox"><img src="../../static/img/56.jpg" alt="" /></div> <h2>黃蜀亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb 欧美电影第一页| 亚洲伊人久久大香线蕉av| 一本色道久久综合亚洲精品小说| 亚洲综合国产精品| 国产日韩欧美视频在线| 美女黄色丝袜一区| 国产成人精品日本亚洲| 裸体女人亚洲精品一区| 亚洲第一男人天堂| 日韩欧美国产骚| 91在线网站视频| 国产69久久精品成人| 国产美女主播一区| 日韩专区在线播放| 欧美午夜精品伦理| 欧美壮男野外gaytube| 黑人巨大精品欧美一区二区免费| 亚洲国产成人精品女人久久久| 97高清免费视频| 国产精品久久久久久久久免费| 国产婷婷色综合av蜜臀av| 色播久久人人爽人人爽人人片视av| 日韩av男人的天堂| 亚洲午夜激情免费视频| 啪一啪鲁一鲁2019在线视频| 国产精品久久久久久久久久新婚| 亚洲电影天堂av| 国产福利视频一区二区| 性亚洲最疯狂xxxx高清| 精品中文字幕在线观看| 在线精品国产成人综合| 欧美在线观看网站| 国产成人小视频在线观看| 亚洲国产一区二区三区四区| 欧美激情国内偷拍| 日韩美女视频在线观看| 久久99久久亚洲国产| 欧美成人精品在线播放| 亚洲人成77777在线观看网| 精品久久久久国产| 国产亚洲欧洲在线| 亚洲视频电影图片偷拍一区| 日韩视频免费观看| 久久精品91久久香蕉加勒比| 国产精品久久久久久久av大片| 亚洲午夜久久久影院| 97免费视频在线播放| 国产精品爽黄69天堂a| 亚洲国产又黄又爽女人高潮的| 亚洲精品99久久久久中文字幕| 国内偷自视频区视频综合| 91精品国产色综合久久不卡98| 91高清视频免费观看| 久久久国产精品亚洲一区| 国产婷婷成人久久av免费高清| 亚洲美腿欧美激情另类| 欧美一级片免费在线| 91久久综合亚洲鲁鲁五月天| 亚洲国产一区二区三区四区| 亚洲免费影视第一页| 欧美性生交大片免网| 国产精品久久久久久久久久久新郎| 91精品国产高清自在线| 97超级碰碰碰| 91精品国产色综合久久不卡98口| 亚洲在线观看视频| 亚洲欧美在线看| 亚洲色图五月天| 亚洲无限乱码一二三四麻| 97精品视频在线观看| 4438全国亚洲精品在线观看视频| 日本道色综合久久影院| 国产精品99久久久久久www| 日韩一区二区精品视频| 亚洲精品自在久久| 亚洲第一页自拍| 久久久精品一区| 国产精品久久久91| 国产精品久久久久久久久久久久| 波霸ol色综合久久| 亚洲а∨天堂久久精品9966| 欧美激情成人在线视频| 欧美第一页在线| 成人激情视频免费在线| 亚洲国语精品自产拍在线观看| 久久午夜a级毛片| 国产成人精品久久二区二区| 日韩精品在线观看一区| 国产日韩精品在线| 欧美视频免费在线观看| 亚洲一级免费视频| 国产精品www色诱视频| 成人黄色片网站| 国产精品99久久久久久久久| 亚洲精品av在线播放| 国产精品18久久久久久首页狼| 国产精品久久久久久久app| 精品国产区一区二区三区在线观看| 日韩电影免费在线观看中文字幕| 日韩欧美在线观看视频| 久久精品国产精品亚洲| 国产偷亚洲偷欧美偷精品| 日韩电影免费观看在线观看| 欧美一级淫片videoshd| 精品一区二区三区四区在线| 精品久久久久久亚洲精品| 欧美孕妇与黑人孕交| 国产精品精品久久久| 欧美激情在线视频二区| 成人午夜两性视频| 久久久亚洲国产天美传媒修理工| 成人欧美一区二区三区在线湿哒哒| 91精品国产高清久久久久久久久| 一道本无吗dⅴd在线播放一区| 日韩亚洲欧美中文在线| 久久影视电视剧免费网站清宫辞电视| 疯狂做受xxxx欧美肥白少妇| 亚洲男人第一av网站| 国产精品入口日韩视频大尺度| 九九精品视频在线观看| 57pao国产精品一区| 在线精品国产欧美| 久久久www成人免费精品张筱雨| 亚洲**2019国产| 欧美成人激情图片网| 色哟哟入口国产精品| 91wwwcom在线观看| 7777免费精品视频| 在线播放国产精品| 少妇精69xxtheporn| 国产丝袜一区二区| 91天堂在线视频| 亚洲欧美日韩在线高清直播| 久久不射电影网| 欧美噜噜久久久xxx| 国产一区在线播放| 亚洲精品国产欧美| 亚洲精品xxx| 久久精品青青大伊人av| 中文字幕在线日韩| 久久夜色精品国产亚洲aⅴ| 亚洲天堂第一页| 日韩av资源在线播放| 国产美女高潮久久白浆| 亚洲3p在线观看| 精品国产精品三级精品av网址| 成人福利网站在线观看| 欧美高跟鞋交xxxxhd| 91精品国产综合久久香蕉的用户体验| 色久欧美在线视频观看| 欧洲永久精品大片ww免费漫画| 国产精品嫩草视频| 韩国福利视频一区| 亚洲最新av网址| 久久综合网hezyo| 欧美孕妇与黑人孕交| 欧美极品欧美精品欧美视频| 欧美精品手机在线| 亚洲精品视频网上网址在线观看| 久久好看免费视频| 亚洲国产精久久久久久久| 欧美午夜精品伦理| 久久五月天综合| 岛国精品视频在线播放|