IT培訓(xùn)網(wǎng)
IT培訓(xùn)
Java培訓(xùn)
軟件測試培訓(xùn)
Web培訓(xùn)
Linux培訓(xùn)
Python培訓(xùn)
互聯(lián)網(wǎng)營銷培訓(xùn)
UI培訓(xùn)
大數(shù)據(jù)培訓(xùn)關(guān)注我們
官方公眾號 回復(fù)"大禮包"享福利 
領(lǐng)學(xué)習(xí)資料 分享IT知識 IT在線學(xué)習(xí)
熱門課程 更多 >
關(guān)注我們
掃碼領(lǐng)資料 零基礎(chǔ)學(xué)IT 微信掃碼關(guān)注 回復(fù)“大禮包”享福利 IT培訓(xùn)網(wǎng)
官方公眾號 回復(fù)"大禮包"享福利 領(lǐng)學(xué)習(xí)資料 分享IT知識 IT在線學(xué)習(xí)
掃碼領(lǐng)資料 零基礎(chǔ)學(xué)IT 微信掃碼關(guān)注 回復(fù)“大禮包”享福利 
閱讀()
分享
手機端入口
以下主要從幾個方面來講：
1.vue的生命周期是什么
2.vue生命周期的在項目中的執(zhí)行順序
3.vue中內(nèi)置的方法 屬性和vue生命周期的運行順序(methods、computed、data、watch)
一、vue的生命周期是什么
vue每個組件都是獨立的，每個組件都有一個屬于它的生命周期，從一個組件創(chuàng)建、數(shù)據(jù)初始化、掛載、更新、銷毀，這就是一個組件所謂的生命周期。在組件中具體的方法有:
- beforeCreate
- created
- beforeMount
- mounted
- (
- beforeUpdate
- updated
- )
- beforeDestroy
- destroyed
對應(yīng)的中文就如其字面意思，英文不好的童鞋可以有道翻翻
好了，這里要上圖啦~~~
二、vue生命周期的在項目中的執(zhí)行順序
...
data () {
return {
rendered: false,
}
}
...
1.beforeCeate(){
console.log(this.rendered); // undefined
}
2.created() {
console.log(this.$el);//undefined
console.log(this.rendered); // false
}
3.beforeMount() {
console.log(this.$el);//undefined
}
4.mounted() {
console.log(this.$el);
}
5.beforeDestroy(){
console.log(this.$el);
console.log(this.rendered);
}
6.destroyed() {
console.log(this.$el);
console.log(this.rendered);
}
三、vue中內(nèi)置的方法 屬性和vue生命周期的運行順序(methods、computed、data、watch、props)
從第一二點可知道data的初始化是在created時已經(jīng)完成數(shù)據(jù)觀測(data observer)，并且諸如methods、computed屬性 props等已經(jīng)初始化;那問題來了，
data props computed watch methods他們之間的生成順序是什么呢?
props => methods =>data => computed => watch;
更多內(nèi)容
>>本文地址：http://www.jecan.cn/zhuanye/2021/69829.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有，未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個方向的工作？
大前端
大數(shù)據(jù)
互聯(lián)網(wǎng)營銷
Java
Linux
Python
嵌入式
全域電商運營
軟件測試
室內(nèi)設(shè)計
平面設(shè)計
電商設(shè)計
網(wǎng)頁設(shè)計
UI設(shè)計
VR/AR
網(wǎng)絡(luò)安全
新媒體
直播帶貨
智能機器人
中公教育IT培訓(xùn)品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號-88
京ICP證161188號
京公網(wǎng)安備11010802020723號
投訴建議：400-650-7353
