VUE生命周期
2022-11-15 21:47:56 0 举报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
执行销毁销毁绑定、子组件、事件...
0 条评论
下一页
