VUE教程(第五節(jié))

這一篇來說說vue的生命周期,什么叫生命周期呢快集,就是從出生到毀滅的過程咯贡羔,也就是記錄運行軌跡的意思咯。

比如人從出生開始个初,到了4乖寒、5歲就要送到幼兒園去調(diào)教,因為這時候是最好學習能力的時候勃黍,vue也有對應的從創(chuàng)建到毀滅,一共有10個點晕讲,看看圖覆获,來點干澀的東西:

八大周期

咦~~說好的10個呢?怎么打了八折瓢省,其實剩余兩個是:

actived和deactivated啦弄息,是在keep-alive組件被激活的時候調(diào)用,和keep-alive組件被停用的時候調(diào)用勤婚,因為涉及keep-alive的用法摹量,所以這里就不細說。

為了避免填鴨式學習(懶就是懶馒胆,有時候還是需要找個冠冕堂皇的理由)缨称,我這里只演示created和mounted這兩個生命周期,

——》created祝迂,是指當數(shù)據(jù)加載完畢時候,但是dom還沒有創(chuàng)建時候執(zhí)行的函數(shù),我們在開發(fā)過程中很多時候是需要和后臺交互的惫叛,我們可以在data里面設定一些默認值挤茄,但是更多時候我們其實是想當數(shù)據(jù)返回了時候再顯示出頁面山害,讓用戶看到的第一眼就是渲染好的頁面,而不是數(shù)據(jù)有變化沿量,然后頁面的數(shù)據(jù)從默認值到后臺獲取到的值浪慌,所以這時候我們一般把數(shù)據(jù)獲取的函數(shù)在此生命周期里面啟動:

——》mounted,是指dom加載完畢時候的執(zhí)行函數(shù)朴则,這時候的頁面是完整的权纤,特別是注意這時候的dom結(jié)構(gòu)已經(jīng)有了,對于喜歡操作dom的童鞋佛掖,這時候你就可以展開你的手腳妖碉,把dom揉捏成長短高圓胖瘦了;

好了芥被,來個代碼吧欧宜,文字永遠是干澀難懂的,一行代碼抵過千言萬語:

周期代碼
周期效果

其中this.data是可以獲取到我們定義的那個data值的拴魄,然后this.$el是獲取組件的dom元素冗茸,在created階段是有數(shù)據(jù),但是還沒有渲染dom所以獲取時候是undefined的匹中,在mounted階段是已經(jīng)渲染dom結(jié)構(gòu)完畢時候執(zhí)行的函數(shù)夏漱,這樣是不是更明了了。其他的周期函數(shù)也是一樣的調(diào)用顶捷,只是在不同階段調(diào)用而已罷了挂绰,小伙伴在自己可愛的小電腦上可以點一點,完美服赎、安排葵蒂!

喜歡的朋友可以關注我,一起成長哦重虑!

公眾號
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末践付,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子缺厉,更是在濱河造成了極大的恐慌永高,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件提针,死亡現(xiàn)場離奇詭異命爬,居然都是意外死亡,警方通過查閱死者的電腦和手機辐脖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門遇骑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揖曾,你說我怎么就攤上這事落萎『ダ玻” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵练链,是天一觀的道長翔脱。 經(jīng)常有香客問我,道長媒鼓,這世上最難降的妖魔是什么届吁? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮绿鸣,結(jié)果婚禮上疚沐,老公的妹妹穿的比我還像新娘。我一直安慰自己潮模,他們只是感情好亮蛔,可當我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著擎厢,像睡著了一般究流。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上动遭,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天芬探,我揣著相機與錄音,去河邊找鬼厘惦。 笑死偷仿,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的宵蕉。 我是一名探鬼主播酝静,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼国裳!你這毒婦竟也來了形入?” 一聲冷哼從身側(cè)響起全跨,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤缝左,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后浓若,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體渺杉,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年挪钓,在試婚紗的時候發(fā)現(xiàn)自己被綠了是越。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡碌上,死狀恐怖倚评,靈堂內(nèi)的尸體忽然破棺而出浦徊,到底是詐尸還是另有隱情,我是刑警寧澤天梧,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布盔性,位于F島的核電站,受9級特大地震影響呢岗,放射性物質(zhì)發(fā)生泄漏冕香。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一后豫、第九天 我趴在偏房一處隱蔽的房頂上張望悉尾。 院中可真熱鬧,春花似錦挫酿、人聲如沸构眯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鸵赖。三九已至,卻和暖如春拄衰,著一層夾襖步出監(jiān)牢的瞬間它褪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工翘悉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留茫打,地道東北人。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓妖混,卻偏偏與公主長得像老赤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子制市,可洞房花燭夜當晚...
    茶點故事閱讀 44,652評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 一:什么是閉包抬旺?閉包的用處? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)祥楣。在本質(zhì)上开财,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 9,598評論 1 52
  • VUE Vue :數(shù)據(jù)驅(qū)動的M V Vm框架 m :model(后臺提供數(shù)據(jù)),v :view(頁面)误褪,vM(模板...
    wudongyu閱讀 5,397評論 0 11
  • 前言 記錄平時學到的知識责鳍,標題寫的大氣一點,也算是給自己一點鼓勵兽间,希望在技術(shù)這條路可以遠走越遠历葛,路越走越寬~ 文中...
    徐國軍_plus閱讀 1,662評論 3 28
  • 一、什么是MVVM嘀略? MVVM是一個model+view+viewModel框架恤溶。MVVM是一種設計思想乓诽。Mode...
    花開有聲是我閱讀 3,473評論 1 79
  • 經(jīng)年幾許 一路安好,卻碌碌無為 經(jīng)年幾許 似醒非醒咒程,看人生百態(tài) 經(jīng)年幾許 或喜或悲问裕,懂冷暖自知 一去經(jīng)年,怎可重來...
    青梅小閱讀 218評論 0 3