創(chuàng)建vue基本操作
let vm=new Vue({
el:"#app",
data:{
},
methods:{
},
computed:{
}
})
執(zhí)行這段代碼時(shí)vue到底做了什么
什么是生命周期
從上述代碼的new 的實(shí)例創(chuàng)建,到運(yùn)行冀惭,到銷毀的器件调塌,總是會(huì)伴隨多種多樣的事件虹茶,這些事件統(tǒng)稱為生
命周期
生命周期可以大致分為三個(gè)階段音榜,創(chuàng)建階段嗅义,運(yùn)行階段族阅,銷毀階段
什么是生命周期鉤子
在生命周期的三個(gè)階段執(zhí)行前后需要自定義的事件或處理东跪,只能通過回調(diào)去處理躁染,由于vue的作者已經(jīng)為我們寫好了各個(gè)生命周期的關(guān)鍵時(shí)間點(diǎn)的回調(diào)函數(shù)
生命周期器件執(zhí)行的函數(shù)被稱為聲明周期函數(shù)
即生命周期鉤子----》就是生命周期事件-----》就是聲明周期函數(shù)
vue生命周期.png
生命周期函數(shù)
beforCreate()
這個(gè)函數(shù)與el鸣哀,data。methods時(shí)同級(jí)別的
調(diào)用階段:是在對(duì)象剛剛創(chuàng)建吞彤,還未初始化的時(shí)候調(diào)用的我衬,調(diào)用時(shí)實(shí)例對(duì)象僅僅包含默認(rèn)屬性和方法
let new vue({
el:"#app",
data:{
mesage:"";
},
methods:{
show(){};
}
beforCreate(){//第一個(gè)生命周期函數(shù)
console.log(this.message);//會(huì)得到undefined;
this.show();//會(huì)報(bào)錯(cuò)
}
})