看Vue文件總結之路(三)

2021-10-10 10:51:30 字數 1074 閱讀 8840

這些生命週期鉤子函式都是寫在與data同級的。

建立期間的生命週期函式:

執行期間的生命週期函式:

銷毀期間的生命週期函式:

生命週期**:

keep-alive標籤快取元件的宣告週期:

關於keep-alive標籤下列有詳細說明

==注意:==

每個vue例項在被建立之前都要經過一系列的初始化過程,這個過程就是vue的生命週期,vue例項從建立到銷毀的過程

vue一整個的生命週期中會有很多鉤子函式提供給我們在vue生命週期不同的時刻進行操作

例項:

newvue(

,beforecreate()

,created()

,beforemount()

,mounted()

,beforeupdate()

,updated()

,beforedestory()

,destoryed()

//注意:示例銷毀後,dom不再被vue進行管理,雙向繫結被取消,頁面的資料不會更新})

例項剛在記憶體中被建立出來,但是這時候還沒有初始化好 data 和 methods 屬性,都是undefined

例項已經在記憶體中建立ok,這時候 data 和 methods 都已經建立好了,此時還沒有開始編譯模板,也就是掛載還沒有關聯

此時已經完成了模板的編譯(載入完html),掛載點也和頁面關聯了,但是頁面的模板還沒有把 vue 的資料渲染,只是顯示插值表示式而已

頁面的插值表示式開始渲染

狀態更新之前執行此函式, 此時 data 中的狀態值是最新的,但是介面上顯示的資料還是舊的,因為此時還沒有開始重新渲染dom節點

例項更新完畢之後呼叫此函式,此時 data 中的狀態值和介面上顯示的資料,都已經完成了更新,介面已經被重新渲染好了!

例項銷毀之前呼叫。在這一步,例項仍然完全可用。

vue 例項銷毀後呼叫。呼叫後,vue 例項指示的所有東西都會解繫結,所有的事件***會被移除,所有的子例項也會被銷毀。 dom不再被vue進行管理,雙向繫結被取消,頁面的資料不會更新

(網路異常,等網路好之後再上傳)

vue學習總結之路由

一 新增依賴,在package.json中找到dependencies模組,然後往裡面追加jquery,以jq版本2.2.3為例 dependencies 然後命令列 npm install 二 新增完依賴後,修改webpack配置,找到webpack.base.conf.js,引入 var web...

Vue官方文件閱讀總結 1

vue是更好的組織和簡化web開發,關注的核心是mvc模式中的檢視層,同時,它也能方便地獲取資料更新,並通過元件內部特定的方法實現檢視與模型的互動。或者說用盡可能簡單的api實現響應的資料繫結和組合的試圖元件 vue和js的聯絡 vue本質上就是js所構成的乙個框架 js使用的時候需要首先獲取dom...

vue高階總結三

請求介面返回的字段,渲染的時候需要拼接部分字串,起初盲目for迴圈拼接,下班後回想起總感覺不對勁,果然,哈哈,vue變數字串拼接是各種支援的呢 渲染,行資料單獨處理 slot scope scope 站點logo width 180 scope png width 80 template el ta...