vue-route

官網(wǎng): https://router.vuejs.org/

例子

  • route設置
  1. route引入
import Vue from "vue";  //引入
import VueRouter from "vue-router";
import routes from 
"./routers/router.js";
  1. router.js
import A from "../viwe/a.vue";
import B from "../viwe/b.vue";
import C from "../viwe/c.vue";
import D from "../viwe/d.vue";
import E from "../viwe/e.vue";
import F from "../viwe/f.vue";
import J from "../viwe/j.vue";

const routes = [
    {
        path:"/",
        component:A,
        redirect:"index",  //重定向 首頁
        children:[           //子路由 大多數(shù)情況下app或pc項目都有公有的footer或header
              {path:"A",component:A},    // 所以設一個公有的路由入口 將需要使用這些公有組件的放在一起
              {path:"B",component: B},
              {path:"C/:id",component:  C,name:"c"},    //命名路由 設置傳參
              {path:"C",component:C},
        ]
    },
    {                //其他系列的路由
        path:"/e",component:E
    },
       ......// 其他路由
];


export default routes;
  1. template設置
嵌套路由:
<div id="content">
    <nav>
         <router-link to="/a" tag="li">A</router-link>
         <router-link to="/b" tag="li">B</router-link>
         <router-link to="/c" tag="li">C</router-link>
    </nav>
    <router-view></router-view>
</div>
  1. 路由跳轉(zhuǎn)及傳參
this.$router.push({name:"C",params:{id:id}})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末烁挟,一起剝皮案震驚了整個濱河市和措,隨后出現(xiàn)的幾起案子贮尖,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件模捂,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進店門溉旋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來畸冲,“玉大人,你說我怎么就攤上這事观腊∫叵校” “怎么了?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵梧油,是天一觀的道長苫耸。 經(jīng)常有香客問我,道長儡陨,這世上最難降的妖魔是什么褪子? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮骗村,結(jié)果婚禮上嫌褪,老公的妹妹穿的比我還像新娘。我一直安慰自己胚股,他們只是感情好笼痛,可當我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著琅拌,像睡著了一般缨伊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上进宝,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天刻坊,我揣著相機與錄音,去河邊找鬼党晋。 笑死紧唱,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的隶校。 我是一名探鬼主播漏益,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼深胳!你這毒婦竟也來了绰疤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤舞终,失蹤者是張志新(化名)和其女友劉穎轻庆,沒想到半個月后癣猾,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡余爆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年纷宇,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蛾方。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡像捶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出桩砰,到底是詐尸還是另有隱情拓春,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布亚隅,位于F島的核電站硼莽,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏煮纵。R本人自食惡果不足惜懂鸵,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望行疏。 院中可真熱鬧矾瑰,春花似錦、人聲如沸隘擎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽货葬。三九已至采幌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間震桶,已是汗流浹背休傍。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蹲姐,地道東北人磨取。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像柴墩,于是被迫代替她去往敵國和親忙厌。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 讀的什么書:《親密關(guān)系——通往靈魂的橋梁》 閱讀有效時間:30分鐘 閱讀中遇到了什么困難:今天暫時沒有 閱讀有什么...
    玉虹閱讀 186評論 0 0
  • 文/ 陳皓 有條路很寬很長 芳草搖曳江咳,鮮紅盛開 兩行翠柏綠松筆直而上 在一個春雨綿綿的季節(jié) 我沿著長長的臺階 莊嚴...
    沂蒙文學閱讀 381評論 1 3
  • 在使用Animate CC 導入PSD的時候逢净,如果直接默認確認,導入的PNG圖都會以PNG8的格式被導入,各種雜邊...
    Hillgo閱讀 2,511評論 0 2