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得...