Vue——生命周期

生命周期示图:

下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。

 

 函数详解:

beforeCreate组件实例化之前执行的函数(加载动画)

created:组件实例化完毕,但页面还未显示(结束加载动画,检查main.js中是否有“el”组件或者具体的HTML,如果没有就没有可渲染的东西,结束进程,如果有则进入下一步)

beforeMount:组件挂载前,页面仍未展示,但虚拟dom已经配置

mounted:组件挂载后,此方法执行后,页面显示(需要在页面中显示的内容放在这里)

beforeUpdate:组件更新前,页面仍未更新,但虚拟dom已经配置

updated:组件更新,此方法执行后,页面显示(dom改变后,增删改查都在update中操作)

beforeDestroy:组件销毁前

destroyed:组件销毁

把生命周期函数运用到项目中可快速理解各函数,最好的运用是在项目中,注意哦:钩子函数和methods是同级

1.

 

2.

3.

 

 4.

 

 5.

6.

 

原文地址:https://www.cnblogs.com/cqiong/p/14446826.html