VUE生命周期

 编译模板-生成rendertemplate

已经销毁完了

 初始化事件、生命周期

编译完成，页面未更新

@安木夕

new Vue()

mounted

NO

 编译模板-生成renderel.outerHTML

destroyed

①创建阶段

beforeDestroy

 el 选项？

data/methodos已准备，可发起ajax请求

 渲染虚拟Dom并更新re-render、patch

» Vue2 生命周期

data变化触发更新

③销毁终结

当调用vm.$mount(el)时

YES

beforeCreate

即将销毁，组件还可用

数据最新，页面最新

可操作Dom，可加载第三方UI插件

 初始化-数据事件、生命周期

 挂载真实Dom，渲染页面完成vm.$el 并替换 el

开始编译

created

beforeUpdate

数据最新，页面未更新

 template选项？

updated

②运行阶段

 挂载完毕Mounted

对比新旧虚拟Dom差异差异更新

几乎不能干什么

injections：注入data属性到vue实例reactivity：响应式，Object.defineProperty实现数据监听

 销毁完毕从Dom中移除

beforeMount

 执行销毁销毁绑定、子组件、事件...