vue-router

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ù)


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容