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空壳

posted @ 2020-09-22 16:29  miya_Gu  阅读(22)  评论(0)    收藏  举报