Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,讓構(gòu)建單頁面應(yīng)用變得易如反掌。包含的功能有:嵌套的路由/視圖表;模塊化的、基于組件的路由配置;路由參數(shù)、查詢、通配符;基于 Vue.js 過渡系統(tǒng)的視圖過渡效果;細粒度的導(dǎo)航控制;帶有自動激活的 CSS class 的鏈接;HTML5 歷史模式或 hash 模式,在 IE9 中自動降級;自定義的滾動條行為。
?由?前端來控制頁面的跳轉(zhuǎn)(但其實是個單頁面),根據(jù)不同的url?地址展示不同的內(nèi)容和頁面。
優(yōu)點:體驗好,不需要每次從服務(wù)器獲取全部,快速展現(xiàn)給用戶;
?缺點:不利于SEO;使用瀏覽器的前進,后退鍵的時候會重新發(fā)送請求,沒有合理的利用緩存;單頁面無法記住之前滾動的位置,無法在前進和后退的時候記住滾動的位置。
一、安裝
?安裝? npm install vue-router??--save-dev,在src 目錄下 新建 router 目錄,目錄下新建 index.js


二、核心
跳轉(zhuǎn):<router-link to=' '></router-link>? ? 和???this.$router.push({path:' '})


?設(shè)置props:true 時獲取動態(tài)路由的參數(shù)

