Vue的生命周期
beforeCreate 数据还没有挂载,只是一个空壳,无法访问数据和dom,一般不做操作
//console.log(this.list) //undefind
created 绑定事件,挂载数据 并且在这里更新data 不会触发update函数
beforeMount 将模板编译为虚拟dom,放到render中准备渲染 在这里更新data 不会触发update函数
mounted 渲染出真实dom 可操作真实dom
//如果组件中有更新,就会触发beforeUpdate
beforeUpdate 重新生成dom树 根据diff(本质是调用patch函数)算法,对比上一次dom树
updated 数据更新完成 render完成
beforeDestroy 一般在这里做一些善后工作,例如清除计时器、清除非指令绑定的事件等
destroyed 组件的数据绑定、监听...去掉后只剩下dom空壳

浙公网安备 33010602011771号