一、路由傳參
1. params 參數(shù)
（1）params 參數(shù)
路由配置
頁(yè)面
（2）v-html指令
v-html指令甜刻，可以渲染富文本內(nèi)容（包含html信息的內(nèi)容）。
v-text指令正勒，渲染文本內(nèi)容得院。
當(dāng)需要渲染的數(shù)據(jù)是html內(nèi)容時(shí)，使用v-html指定章贞。
2祥绞、query參數(shù)
路由地址，采用query傳參方式：?參數(shù)1=XXX&參數(shù)2=XXX
3鸭限、$router和$route
$router返回的是當(dāng)前項(xiàng)目中的路由器對(duì)象蜕径。
$route返回的是當(dāng)前路由信息。
4败京、vue.config.js
vue.config.js 是一個(gè)可選的配置文件兜喻，如果項(xiàng)目的 (和 package.json 同級(jí)的) 根目錄中存在這個(gè)文件，那么它會(huì)被 @vue/cli-service 自動(dòng)加載赡麦。
二虹统、添加路由
1、路由規(guī)則redirect屬性重定向
redirect屬性：進(jìn)行重定向URL地址隧甚。
2、添加404路由
5渡冻、路由進(jìn)階
1戚扳、路由進(jìn)階分為兩種模式? 一種是hash模式，另一種是history模式
// hash模式族吻，使用的是錨鏈接的原理實(shí)現(xiàn)路由的跳轉(zhuǎn)帽借，這種方式兼容性非常好；缺點(diǎn)是路徑帶有#號(hào)超歌，不夠美觀砍艾。
// history模式，使用的是瀏覽器中內(nèi)置的history對(duì)象實(shí)現(xiàn)路由的跳轉(zhuǎn)巍举，這種方式不兼容老版本的瀏覽器脆荷，刷新后會(huì)丟失路由信息。mode:'hash'
2. 路由元信息
切換路由時(shí)title也要跟著變化
3. nprogress加載進(jìn)度條
nprogress是頁(yè)面跳轉(zhuǎn)時(shí)出現(xiàn)在瀏覽器頂部的進(jìn)度條
安裝
npminstallnprogress
導(dǎo)入
// 導(dǎo)入nprogressimportNProgressfrom"nprogress";// 導(dǎo)入nprogress的樣式import"nprogress/nprogress.css";
在導(dǎo)航守衛(wèi)中使用
childer是二級(jí)路由
需要先定義一級(jí)路由組件懊悯，確定好在哪個(gè)組件中配置二級(jí)路由蜓谋，就去那個(gè)組件的配置規(guī)則中添加children關(guān)鍵字，按照一級(jí)路由的配置方法配置規(guī)則炭分。
路由懶加載
使用路由懶加載桃焕，是為了給客戶(hù)更好的體驗(yàn)，首頁(yè)組件加載速度更快一些捧毛，提高首屏性能观堂。
懶加載簡(jiǎn)單來(lái)說(shuō)就是延遲加載或按需加載让网，即在需要的時(shí)候的時(shí)候進(jìn)行加載。
8师痕、scoped
scoped屬性溃睹，用于設(shè)置局部樣式，當(dāng)前組件中的樣式只對(duì)當(dāng)前組件生效七兜。
注意：App組件中的樣式是全局樣式丸凭，通常不加scoped。
9腕铸、sass
Sass 是一個(gè) CSS 預(yù)處理器惜犀。使用sass可以定義嵌套定義樣式，大大節(jié)省css代碼狠裹；使用sass可以使用定義變量虽界，可以統(tǒng)一定義風(fēng)格。
安裝
npm install sass sass-loader@8 -D
less
less 也是一個(gè) CSS 預(yù)處理器涛菠。
注意：在less里面定義變量的符號(hào)是@莉御。
安裝
npm i? less@3-D
npm i? less-loader@7-D
路由緩存
1、keep-alive組件
keep-alive：用于緩存路由組件俗冻，默認(rèn)情況下會(huì)緩存打開(kāi)的所有組件礁叔。如果需要指定緩存哪些組件，通過(guò)include屬性指定迄薄，該屬性可以傳一個(gè)數(shù)組琅关，數(shù)組中定義組件的名稱(chēng)。
作用：通過(guò)路由緩存讥蔽，組件之間的切換就能保存上個(gè)組件的狀態(tài)涣易，而不是切換之后又得重新操作。
2冶伞、路由組件特有的兩個(gè)生命周期
當(dāng)路由組件采用緩存后新症，created和mounted這兩個(gè)生命周期函數(shù)，只會(huì)在第一次執(zhí)行响禽；并且destroyed這個(gè)生命周期函數(shù)不會(huì)執(zhí)行徒爹。
這時(shí)候，通常都會(huì)配合activated（路由組件激活狀態(tài)生命周期函數(shù)）和deactivated（路由組件失活狀態(tài)生命周期函數(shù)）這兩個(gè)生命周期鉤子金抡。
注意：只有當(dāng)組件在 內(nèi)被切換瀑焦，才會(huì)有activated 和 deactivated 這兩個(gè)鉤子函數(shù)。
