每個 vue 例項在被建立時都要經過一系列的初始化過程，即生命週期階段。
如 : 建立vue例項----》渲染例項—》更新vue例項----》銷毀vue例項
然後在這個過程中會執行一些叫做生命週期鉤子的函式，
這給了使用者在不同階段新增自己的**的機會。
1.準備建立例項 beforecreate
2.建立例項
3.建立例項完成 created
4.準備渲染例項 beforemount
5.渲染例項
6.渲染例項完成 mounted
7.準備更新例項 beforeupdate
8.更新例項
9.更新例項完成 updated
10.準備銷毀例項 beforedestroy
11.銷毀例項
12.銷毀例項完成 destroyed
備註：銷毀例項方法： 例項名.$destroy()。
乙個例項被銷毀後，會清理它與其它例項的連線，解綁它的全部指令及事件監聽屬性。
比如在建立例項之前有個準備階段：這裡就會執行乙個生命週期鉤子函式
這個鉤子函式會在vue例項建立前執行，我們可以把例項建立前的一些初始化操作寫在這個函式裡面。
備註：從上我們可以知道，對於生命週期的鉤子函式，我們應該寫在vue例項的最外層，和data同級。
直接把此**放入瀏覽器裡面執行一遍檢視效果
data: ,
beforecreate: function () ,
data: $,
message: $,】
`alert(mes); console.info(mes);
}, created: function () ,
data: $,
message: $,】
` ; alert(mes); console.info(mes);
}, beforemount: function () ,
data: $,
message: $,】
` ;alert(mes); console.info(mes);
}, mounted: function () ,
data: $,
message: $,】
` ; alert(mes); console.info(mes);
}, beforeupdate: function () ,
data: $,
message: $,】
` ; alert(mes); console.info(mes);
}, updated: function () ,
data: $,
message: $,】
` ; alert(mes); console.info(mes);
}, beforedestroy: function () ,
data: $,
message: $,】
` ; alert(mes); console.info(mes);
}, destroyed: function () ,
data: $,
message: $,】
` ; alert(mes); console.info(mes);
}});
});
在此應用執行起來了的過程中，其各個階段如下
提示beforecreate , reated , beforemount , mounted 這幾個生命週期鉤子函式從執行網頁到渲染完成這個過程會執行，不需要我們顯式的去觸發。
但是對於下面的幾個鉤子函式就需要顯式的行為來觸發，才能執行了。
beforeupdate , updated , beforedestroy , destroy.
注意：執行了例項名.$destroy() 方法會完全銷毀乙個例項。會清理它與其它例項的連線，解綁它的全部指令及事件監聽屬性。
例項銷毀後，物件還存在，但是已經不是和檢視繫結的vm了。任何修改都無法觸動檢視的變化。
請牢記四個單詞： create ， mount ，update ，destroy ，記住這幾個單詞就能明白並寫出所有的宣告週期了。
宣告週期圖示
vue例項生命週期
每個 vue 例項在被建立之前都要經過一系列的初始化過程。例如需要設定資料監聽 編譯模板 掛載例項到 dom 在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式，給予使用者機會在一些特定的場景下新增他們自己的 beforecreate 在例項初始化之後，資料觀測和事件配...
Vue例項生命週期
vue例項在建立時有一系列的初始化步驟，例如建立資料觀察，編譯模板，建立資料繫結等。在此過程中，我們可以通過一些定義好的生命週期鉤子函式來執行業務邏輯。本文將詳細介紹vue例項的生命週期 下圖是vue例項生命週期的圖示 接下來，根據提供的生命週期鉤子，對vue例項各個階段的情況進行詳細說明 befo...
Vue 例項的生命週期
在vue中，每個例項都有自己的乙個完整的生命週期，包括開始建立 初始化資料 編譯模板 將例項掛載到dom 渲染 更新 渲染 解除安裝等一系列過程。同時在這個過程中也會執行一些叫做生命週期鉤子的函式，這樣我們就可以在例項生命週期的不同階段做一些需要做的事情。這裡可能會有個小疑惑，怎麼突然又說是vue例...