CSS漸變色樣式
遞歸組件
router-view是設(shè)置路由的，router-link是指定跳轉(zhuǎn)到哪個(gè)頁(yè)面的
keep-alive
keep-alive會(huì)緩存組件，?保存組件的渲染狀態(tài)。使用keep-alive包裹router-view路由，就可以緩存組件，不用每次進(jìn)入組件都要重新加載一次頁(yè)面，同時(shí)會(huì)多出兩個(gè)生命周期函數(shù)activated、deactivated
activated是在組件激活狀態(tài)下觸發(fā)的函數(shù)，deactivated 是在組件停止使用下觸發(fā)的函數(shù)
keep-alive標(biāo)簽還可以設(shè)置exclude屬性，屬性值是組件名，意思是讓這個(gè)組件不會(huì)緩存，每次都會(huì)重新加載頁(yè)面，適用場(chǎng)景例如詳情頁(yè)組件，用戶點(diǎn)擊不同鏈接，應(yīng)該重新加載一次發(fā)送ajax請(qǐng)求數(shù)據(jù)。
動(dòng)態(tài)路由跳轉(zhuǎn)
將router-link改為li標(biāo)簽： <router-link tag="li">
swiper組件自我刷新
這兩個(gè)輪播組件的屬性，是監(jiān)聽到DOM元素或者父元素變化了，就自我刷新一次。避免滾動(dòng)計(jì)算寬度出錯(cuò)，例如案例中的畫廊，一開始是隱藏的，點(diǎn)擊圖片時(shí)才顯示出來，點(diǎn)擊圖片后swiper需要自我刷新一下
進(jìn)入頁(yè)面都是從頂部開始，在router中的index.js路由文件中，配置對(duì)應(yīng)代碼
transition組件
定義過渡動(dòng)畫組件
調(diào)用動(dòng)畫組件，用組件名包裹住需要做過渡效果的元素
