1. 程式人生 > >vue生命週期的幾種狀態

vue生命週期的幾種狀態

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例項永遠活在我們心中!!!"); } })