生命周期示图:
下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。
函数详解:
beforeCreate:组件实例化之前执行的函数(加载动画)
created:组件实例化完毕,但页面还未显示(结束加载动画,检查main.js中是否有“el”组件或者具体的HTML,如果没有就没有可渲染的东西,结束进程,如果有则进入下一步)
beforeMount:组件挂载前,页面仍未展示,但虚拟dom已经配置
mounted:组件挂载后,此方法执行后,页面显示(需要在页面中显示的内容放在这里)
beforeUpdate:组件更新前,页面仍未更新,但虚拟dom已经配置
updated:组件更新,此方法执行后,页面显示(dom改变后,增删改查都在update中操作)
beforeDestroy:组件销毁前
destroyed:组件销毁
把生命周期函数运用到项目中可快速理解各函数,最好的运用是在项目中,注意哦:钩子函数和methods是同级
1.
2.
3.
4.
5.
6.