Vue實(shí)例有一個(gè)完整的生命周期忘蟹，也就是從開(kāi)始創(chuàng)建飒房、初始化數(shù)據(jù)、編譯模板媚值、掛載Dom狠毯、渲染→更新→渲染、卸載等一系列過(guò)程褥芒，我們稱(chēng)這是Vue的生命周期嚼松。通俗說(shuō)就是Vue實(shí)例從創(chuàng)建到銷(xiāo)毀的過(guò)程，就是生命周期喂很。在這個(gè)過(guò)程中惜颇，實(shí)例也會(huì)調(diào)用一些生命周期鉤子，這就給我們提供了執(zhí)行自定義邏輯的機(jī)會(huì)少辣。例如，created這個(gè)鉤子在實(shí)例被創(chuàng)建之后被調(diào)用：
var vm = new Vue({
data: {
a: 1
},
created: function () {
// `this` 指向 vm 實(shí)例
console.log('a is: ' + this.a)
}
})
// -> "a is: 1"
在Vue的整個(gè)生命周期中羡蛾，它提供了一系列的事件漓帅，可以讓我們注冊(cè)js方法，可以讓我們達(dá)到控制整個(gè)過(guò)程的目的地痴怨，如果你搞過(guò)Asp.Net WebForm的話(huà)忙干，你會(huì)發(fā)現(xiàn)整個(gè)就是WebForm的翻版嘛哈哈。值得注意的是浪藻，在這些事件響應(yīng)方法中的this直接指向的是vue的實(shí)例捐迫。先來(lái)看一張官網(wǎng)上的vue實(shí)例的生命周期，在這里我做了一備注爱葵。先來(lái)初步了解vue的生命周期施戴。
