vue生命周期的描述
共计八个阶段,分别为beforeCreate,created,beforeMounte,mounted,beforeUpdate,updated,beforeDestroye,destroyed。即如下:
1、创建前,即new vue()构造函数后的第一个生命周期钩子;
2、创建后,即实例创建完成,这个阶段的DOM和methods方法已经渲染完成,一般可以进行异步数据的请求;(例如:流程信息的异步请求,即数据初始化);
3、挂载前,即vue的实例即将被template模板渲染,这里需要注意的是还未挂载到页面中;
4、挂载后,即挂载阶段完成,此时的真实DOM节点已经完成了数据的双向绑定,且可以访问到DOM节点,(例如:个人实际项目中,一般通过mounted阶段,获取父组件传递给子组件的数据来进行二次处理等,且动态响应更改);
5、更新前,在定义中解释为:虚拟DOM重新渲染前被触发,可以在当前阶段更新数据,不会造成重新渲染,但是回再次触发当前钩子函数(个人实际工作中暂未用到该生命周期,一般情况下是在mounted阶段进行的处理,所以还是有点疑惑);
6、更新后,该阶段为更新结束后,个人理解是没有其他的操作了,但是定义又谈到了如果有响应的属性或状态需要更改的情况,通过计算属性computed或watcher来处理;
7、销毁前,一般情况用的比较少,定义中提出,可以在发生销毁时进行善后的收尾工作,例如清除计时器。
8、销毁后,该阶段为完结阶段,所有的实例都已销毁,只剩下DOM空壳,定义中特别指出,该阶段一般不被调用,一般使用v-if或v-for指令以数据驱动方式来控制子组件。 学习于该文章后的总结vues生命周期的详解