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