Vue声明周期

每个Vue实例在创建的时候都要经历一系列的初始化过程,这个过程就是vue的生命周期,首先上一张图(如有错误欢迎大牛指出,让小子有所进步)


Vue声明周期_第1张图片
Life Cycle.jpg

可以看到在vue一整个的声明周期中会有很多钩子函数提供给我们在vue声明周期不同时刻进行操作,我们列出所有的钩子函数:
· beforeCreate
· created
· beforeMount
· mounted
· beforeUpdate
· updated
· beforeDestory
· destoryed

什么也不说了,上代码





吧啦吧啦,运行结果如下


Vue声明周期_第2张图片
初始化.png

Vue声明周期_第3张图片
运行中.png

Vue声明周期_第4张图片
销毁.png

写在最后
兄台,若本篇文章对你有帮助,给小弟点个赞呦

你可能感兴趣的:(Vue声明周期)