溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue-router和keep-alive的介紹和使用

發(fā)布時間:2020-06-11 16:04:35 來源:億速云 閱讀:265 作者:元一 欄目:web開發(fā)

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("當前組件不活躍")
}
向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

AI