vue生命周期(列表详解)
1. beforeCreate中拿不到任何數(shù)據(jù),它在實(shí)例初始化之后,數(shù)據(jù)觀測(cè) (data observer) 和 event/watcher 事件配置之前被調(diào)用。
2. created中已經(jīng)可以拿到data中的數(shù)據(jù)了,但是dom還沒有掛載。會(huì)判斷有無(wú)el,如果沒有el則停止后面的模板掛載。
在實(shí)例創(chuàng)建完成后被立即調(diào)用。在這一步,實(shí)例已完成以下的配置:數(shù)據(jù)觀測(cè) (data observer),屬性和方法的運(yùn)算,watch/event 事件回調(diào)。
*`
使用場(chǎng)景:ajax請(qǐng)求和頁(yè)面初始化`*
3.beforeMount 和 created 拿到的數(shù)據(jù)相同 在掛載開始之前被調(diào)用:相關(guān)的 render 函數(shù)首次被調(diào)用。
4.mounted中el被創(chuàng)建dom已經(jīng)更新,vue實(shí)例對(duì)象中有template參數(shù)選項(xiàng),則將其作為模板編譯成render函數(shù),編譯優(yōu)先級(jí)render函數(shù)選項(xiàng) > template選項(xiàng)
使用場(chǎng)景:常用于獲取VNode信息和操作,ajax請(qǐng)求
注意 mounted 不會(huì)承諾所有的子組件也都一起被掛載。如果你希望等到整個(gè)視圖都渲染完畢,可以用 vm.$nextTick 替換掉 mounted
由于beforeUpdate和updated使用的比較少,一般用計(jì)算屬性和watch代替所以在此不在說明
5.destroyed Vue 實(shí)例銷毀后調(diào)用。調(diào)用后,Vue 實(shí)例指示的所有東西都會(huì)解綁定,所有的事件監(jiān)聽器會(huì)被移除,所有的子實(shí)例也會(huì)被銷毀。
總結(jié)
以上是生活随笔為你收集整理的vue生命周期(列表详解)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 壹号本 OneXPlayer 2 Pro
- 下一篇: Vuex State模块化