Vue keep alive 快取元件的三種方式

2021-10-08 04:09:07 字數 551 閱讀 6982

所包裹的不活動元件,將被快取,而不是銷毀。

1. 直接包裹在裡面的元件和所有路由匹配到的元件都會被快取

// ....

2. 使用 include 屬性和 exclude 屬性對元件快取進行篩選

// ....

僅匹配到的元件(如:元件 aname = "a")會被快取(僅想要快取的元件得到快取)

可以通過配置 exclude 匹配不想要快取的元件,此外的其他元件都得到快取

這種情況需要知道元件名稱

3. 動態配置路由來確定哪些元件需要快取

var router = new router(

} ]})

不需要例舉想要快取的元件名稱

Vue keep alive 快取清理

vue使用過程中 keep alive 是個神奇的存在,可以近乎魔法的快取頁面狀態,當然keep alive也存在一些問題,不能靈活清理快取就是本文要解決的問題。1 使用場景 頁面開發設計三個頁面,分別為 指標配置 parameterconfiguration 壞點剔除 dataclean 結果展示...

Vue keep alive快取路由資訊

在不使用keep alive時,通過路由跳轉到另一組件上時,上乙個元件會被vue銷毀,在次進入,頁面會保持初始狀態,不會對使用者的更改保留,如果需要包作在某元件上的更改,就可以使用keep alive儲存路由入口 router view keep alive div let one created ...

vue keep alive內建快取元件

1 當元件在keep alive被切換時將會執行activeted和deactiveted兩個生命週期 2 inlude 正規表示式或字串 只有符合條件的元件會被快取 exclude正規表示式或字串,任何符合條件的元件不會被快取 3 keep alive是vue2.0的功能 4 keep alive...