-
基本定义
-
生命周期函数,可以为
创建期间和运行期间以及销毁期间- 创建期间
- beforeCreate,created,beforeMount,mounted
- 运行期间
- beforeUpdate,updated
- 销毁期间
- beforeDestroy,destroyed
- beforeDestroy,destroyed
- 创建期间
-
-
详细说明
1- 创建期间- beforeCreate
- Vue或者组件刚刚实例化,data和methods还没有被创建
- created
- 此时data和methods已经被创建,可以使用,但还没有开始编译,如果首屏的ajax请求,可以放到这个钩子中执行
- beforeMount
- created的下一个阶段,此时模板已经被编译,但是还没有挂载到网页中
- mounted
- 模板代码已经加载到了网页中,但此时创建期间所有的事情都已经准备好了,网页开始运行
- beforeCreate
2- 运行期间- beforeUpdate
- 在网页运行期间,data中的数据可能会更新,在这个阶段,数据只是在data中进行更新了,但是没有在模板中进行更新,因此网页显示的还是之前的
- update
- 数据在data中更新了,此时页面上的数据都是最新的
- beforeUpdate
3-销毁期间- beforeDestroy
- Vue实例或者是组件在销毁之前执行的函数,在这一个函数中Vue或者组件中的所有属性,都是可用的
- destroyed
- Vue实例或者组件被销毁后执行的,此时Vue实例上所有的东西都会解绑,所有的时间都会被移除,所有子元素都会被销毁
- beforeDestroy