自学vue第二天，从入门到放弃（生命周期的理解）

生命周期的理解

 

 

beforeCreate

创建前 数据还没有监听，没有绑定到vue对象实例，同时也没有挂载对象 没有数据也没有方法

created

在创建后 数据和方法已经 data数据已经绑定好了 数据已经绑定到了对象实例，但是还没有挂载对象 el模板

然后判断是否有el 没有就结束周期

如果有el 就继续编译模板

beforeMount

已经编译好了模板  根据数据和模板生成一个对象

Mount

将$el的内容挂载在el上  生成真正的dom页面 现在我们就可以获取数据和操作dom

beforeUpdate

在更新dom之前 $el对象的数据已经变化 但是 dom页面的数据没有变化

Update

dom页面数据完全更新

beforeDestroy

已经在销毁了

destory

只是取消绑定了 各种监听事件  但是 页面是没有销毁的

 参考总结大佬文章 ：

posted @ 2021-07-17 17:35  时光向来煞人  阅读(45)  评论(0)    收藏  举报