日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > vue >内容正文

vue

vue生命周期(列表详解)

發(fā)布時(shí)間:2023/12/31 vue 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue生命周期(列表详解) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

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)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。