<menu id="sowow"><strong id="sowow"></strong></menu><menu id="sowow"><nav id="sowow"></nav></menu>
<menu id="sowow"></menu>
<menu id="sowow"></menu>
400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】Vue中的生命周期

【Web前端基礎知識】Vue中的生命周期

  • 發布: Web前端培訓
  • 來源:
  • 2021-08-30 16:59:26
  • 閱讀()
  • 分享
  • 手機端入口

以下主要從幾個方面來講:

1.vue的生命周期是什么

2.vue生命周期的在項目中的執行順序

3.vue中內置的方法 屬性和vue生命周期的運行順序(methods、computed、data、watch)

一、vue的生命周期是什么

vue每個組件都是獨立的,每個組件都有一個屬于它的生命周期,從一個組件創建、數據初始化、掛載、更新、銷毀,這就是一個組件所謂的生命周期。在組件中具體的方法有:

  1. beforeCreate 
  2.   created 
  3.   beforeMount 
  4.   mounted 
  5.   ( 
  6.       beforeUpdate 
  7.       updated 
  8.   ) 
  9.   beforeDestroy 
  10.   destroyed 

對應的中文就如其字面意思,英文不好的童鞋可以有道翻翻

好了,這里要上圖啦~~~

二、vue生命周期的在項目中的執行順序

...

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中內置的方法 屬性和vue生命周期的運行順序(methods、computed、data、watch、props)

從第一二點可知道data的初始化是在created時已經完成數據觀測(data observer),并且諸如methods、computed屬性 props等已經初始化;那問題來了,

data props computed watch methods他們之間的生成順序是什么呢?

props => methods =>data => computed => watch;

文章“【Web前端基礎知識】Vue中的生命周期”已幫助

更多內容

>>本文地址:http://www.52411888.com/zhuanye/2021/69829.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

領取零基礎自學IT資源

(內含學習路線+視頻教程+項目源碼)

涉及Java、Web前端、UI設計、軟件測試、Python等多個IT熱門方向

打開微信掃一掃即可領取哦~

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

A片三十分钟试看,女性高爱潮A级视频免费,国产不卡一卡2卡三卡4卡网站
<menu id="sowow"><strong id="sowow"></strong></menu><menu id="sowow"><nav id="sowow"></nav></menu>
<menu id="sowow"></menu>
<menu id="sowow"></menu>