本篇是是vue路由的開篇,會以一個簡單的demo對vue-router進(jìn)行一個介紹,主要覆蓋以下幾個常用場景:
1、路由跳轉(zhuǎn)
2、嵌套路由
3、路由參數(shù)
1、Vue-Router
一般來說,路由定義就是定義地址訪問規(guī)則,然后由路由引擎根據(jù)這些定義的規(guī)則去查找對應(yīng)的頁面,并轉(zhuǎn)發(fā)請求給頁面進(jìn)行處理;對于后端來說就是這么一個模式,但前端不同,前端路由變化也只是頁面內(nèi)的導(dǎo)航比如angular中的模版切換,比如vue和react中的component切換,這種方式都是基于瀏覽器hash模擬url跳轉(zhuǎn)。
vue-router是官方提供的一套路由工具庫,基于component的路由配置引入都非常簡單,最常用的是兩個指令:router-view 和 router-link,router-view用來提供占位,router-link提供路由鏈接,對于這兩個指令的介紹,我們可以直接通過demo介紹。接下來我們以傳統(tǒng)方式引入vue-router:
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式