vue生命周期图

beforeCreated

new Vue()

YES

created

Mounted

Has\"template\" options?

Destroyed

when datachanges

如果使用构建步骤的话，比如单文件组件模板编译会提前进行

whenvm.$mount(el)is called

Create vm.$eland replace\"el\" with it

Has\"el\" options?

beforeUpdate

whenvm.$destroy()is called

NO

beforeDestroy

Compile el'souterHTMLas template *

destroyed

updated

InitEvents & Lifecycle

Compile templateintorender function *

Initinjections & reactivity

Virtual DOMre-renderand patch