您好,登錄后才能下訂單哦!
keep-alive
keep-alive是Vue提供的一個抽象組件,用來對組件進行緩存,從而節(jié)省性能,由于是一個抽象組件,所以在v頁面渲染完畢后不會被渲染成一個DOM元素
rvue-router
rvue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,適合用于構建單頁面應用。vue的單頁面應用是基于路由和組件的,路由用于設定訪問路徑,并將路徑和組件映射起來。傳統(tǒng)的頁面應用,是用一些超鏈接來實現(xiàn)頁面切換和跳轉的。在vue-router單頁面應用中,則是路徑之間的切換,也就是組件的切換。路由模塊的本質 就是建立起url和頁面之間的映射關系。
keep-alive有兩個非常重要的屬性
include -- 字符串或正則表達,只有匹配的組件才會被緩存
exclude --字符串或正則表達,任何匹配的組件都不會被緩存
<keep-alive exclude="profile,user">
<route-view/>
</keep-alive>
這兩個函數(shù)只有組件使用了keep-alive時才有效
activated(){
console.log("當前組件活躍")
}
deactivated(){
console.log("當前組件不活躍")
}
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。