vue生命週期的幾種狀態
阿新 • • 發佈:2019-02-20
vue的生命週期
從出生到載入 到 銷燬 有一套完整的生命週期過程
能夠讓我們進行在不同時期去寫不同的程式碼 去做不同的事情
鉤子函式 就是不同的生命週期 vue給我們暴露出來的 回撥函式
varvn=newVue({
el:'.box',
data:{
msg:'<h1>呵呵</h1>'
},
beforeCreate:function()
{
alert("例項要建立了,要開始表演了");
},
created:function()
{
alert('vue例項已經new出來了,方法和屬性還沒有編譯');
},
beforeMount:function()
{
alert('vue例項已經建立完成,馬上要執行內部屬性和方法的編譯');
},
mounted:function()
{
alert('物件和屬性已經編譯完成');
},
beforeUpdate:function()
{
alert('資料馬上更新,沒儲存趕緊儲存');
},
updated:function()
{
alert('資料已經更新');
},
beforeDestroy:function()
{
alert('vue例項已經走到盡頭了');
},
destroyed:function()
{
alert("vue例項永遠活在我們心中!!!");
}
})