總結一下vue 得keepalive得實現原理

2021-10-24 06:22:45 字數 503 閱讀 2603

keep alive是vue得乙個內建元件,能將元件快取進記憶體,下次載入直接從記憶體中獲取。

有2個屬性

include = 「a」 將快取元件名為a得元件

exclude=『a』 元件名為a得不會被快取

注:元件名是 元件內內得name值 跟data同級

提供兩個生命週期

activated與deactivated

研究原始碼,分析原理(我用自己得話總結得)

分析keep-alive元件內部

1.快取得都是vnode節點,created週期裡 建立了乙個cache這麼乙個快取容器,再銷毀週期裡 清除這個容器

2.通過 getfirstcomponentchild來獲取元件得name

3.通過matches 來匹配他快取得條件,

4.如果需要快取,遍歷cache這個容器,如果之前快取過得 覆蓋,反之 存進去vnode

總結一下《vue的使用》

1.用vue建立專案的時候,1.安裝axios,對axios進行處理,建立axios.js檔案,設定基礎請求位址,設定前置守衛和獨享守衛,對請求資料進行設定,特別實在進行token驗證的時候特別需要設定 2.後台伺服器如果跨域,需要在根目錄建立vue.config.js具體參考vue官網的介紹 3....

稍微總結一下

其實整個程式16日的時候應該已經搞得差不多,文件也已經比較詳細。但是由於這個禮拜又是筆試又是面試,所以都沒有時間review整個程式。今天看了一下,改了一些輸出檔案的位置,基本上完成了所有任務了。程式放在 http xiao 81 svn auto testing 下。其中包括三個可執行指令碼 1....

總結一下模板

二叉樹的各種操作 include include include includetypedef struct node tree void createbitree tree p 建樹 return void xpreorder tree p 輸出先序 void zpreorder tree p 輸...