keep alive使用筆記

2022-05-01 09:48:10 字數 1210 閱讀 5837

vue2.0提供了keep-alive元件,用來快取元件,避免多次載入,減少效能消耗。

1.將整個網頁快取起來

<

router-view

class

="view"

keep-alive

transition

transition-mode

="out-in"

>

router-view

>

最常用的方式,用以提高整體的載入速度。

2.快取部分元件或頁面

a.使用include與exclude

<

keep-alive

include

="a,b"

>

<

component

:is="view"

>

component

>

keep-alive

>

<

keep-alive

:include

="/a|b/"

>

<

component

:is="view"

>

component

>

keep-alive

>

官網推薦的方法

b.使用router.mate

// 這是目前用的比較多的方式

<

keep-alive

>

<

router-view

v-if

="$route.mate.keepalive"

>

router-view

>

keep-alive

>

<

router-view

v-if

="!$route.mate.keepalive"

>

router-view

>

router設定:

... 

routes: [

},} ]}

....

//表示index和test2都使用keep-alive

根據router設定中的mate值來判斷是否載入此元件

Vim 使用筆記

set hlsearch set nohlsearch 搜尋後清除上次的加亮 nohl nohlsearch 拷貝 很有用的一句話,規定了格式選項,讓它換行不自動空格 set formatoptions tcrqn set fo r set noautoindent 再 shift insert 正...

xemacs使用筆記

xemacs使用筆記 xemacs emacs的下一代,由lucid原創 from debian參考手冊.由於不知道什麼時候刪掉了emacs的乙個重要檔案.每次都沒法安裝好.突然發現了xemacs,於是決定使用看看.本人還是菜鳥,僅供交流 我使用的ubuntu系統,所以就直接apt get inst...

TreeView使用筆記

treeview由節點構成,建樹通過對treeview.items屬性進行操作。items是乙個ttreenodes物件,這是乙個ttreenode集。一 針對ttreenodes,也就是 treeview.items,有這些屬性 1 count,節點個數。2 item index 通過index得...