-
vue的生命周期总共有11个阶段,我们主要用到其中的8个阶段
-
beforeCreate
指在实例创建之前,this指创建的实例,不能访问dom元素和实例中的数据和方法
-
created
指实例创建完成,可以访问实例中的数据和方法,未挂载dom元素(不能通过this.$refs获取),常用于简单的ajax请求和页面的初始化
-
beforeMount
指实例被挂载之前,识别template模板,编译成render函数。
-
mounted
指实例挂载完成后,挂载dom元素(可以通过this.$refs获取),一般用来操作节点和ajax请求。
-
beforeUpdate
指实例更新之前,适用于更新之前访问dom元素,并不会造成重渲染,还可以移除添加的事件监听器。
-
updated
指实例更新完成后,我们要避免在此操作数据,因为有可能会导致更新无限渲染。
-
beforeDestroy
指实例销毁之前,在此实例仍然可用,常用于销毁定时器,解绑全局事件
-
destroyed
指实例销毁完成后,所有的方法、属性都会解绑,监听移除,所有的子实例也会销毁。