這些生命週期鉤子函式都是寫在與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...