简述Vue生命周期

1、创建期间的生命周期方法

  beforeCreate:方法特点——调用时没有初始化好Vue实例中的数据(data)和方法(methods)。即调用此方法时还不能调用Vue实例的数据和方法。

  created:——是我们最早能够访问Vue实例中保存的数据和方法的地方。

  beforeMount:——表示Vue已经编译好了最终模板,但是还没有将最终模板渲染到界面上。

  mounted:——表示Vue已经完成了模板的渲染,表示我们已经可以拿到界面上渲染之后的内容了。

2、运行期间的生命周期方法

  beforeUpdate:——表示Vue实例中保存的数据被修改了。此时界面还未修改
       注意点:只有保存的数据被修改了才会调用beforeUpdate,否则不会调用.
       在调用beforeUpdate的时候,数据已经更新了,但是界面还没有更新。

   updated:——数据和界面都同步更新之后就会调用updated

3、销毁期间的生命周期方法

  beforeDestroy:——表示当前组件即将被销毁了
       注意点:只要组件不被销毁,那么beforeDestroy就不会调用

  beforeDestroy:函数是我们最后能够访问到组件数据和方法的函数

  destroyed:——表示当前组件已经被销毁了
       注意点:只要组件不被销毁,那么destroyed就不会调用
       不要在这个生命周期方法中再操作组件中的数据和方法

生命周期图,官网有

转载:https://blog.csdn.net/cao_mary/article/details/107234599

猜你喜欢

转载自blog.csdn.net/wanghongpu9305/article/details/113408421