keep-alive碰見vue-router

保證組件活着
keep-alive是vue內置的一個組件，可使被包含的組件保留狀態，避免組件從新渲染,頻繁建立銷燬，router-view也是一個組件，若是直接被包在keep-alive裏面，全部路徑匹配到的視圖組件都會被緩存

keep-alive有兩個很是重要的屬性
include -- 字符串或正則表達，只有匹配的組件纔會被緩存
exclude --字符串或正則表達，任何匹配的組件都不會被緩存

<keep-alive exclude="profile,user">
        <route-view/>
</keep-alive>

這兩個函數只有組件使用了keep-alive時纔有效

activated(){
   console.log("當前組件活躍")
}
deactivated(){
   console.log("當前組件不活躍")
}