什么是生命周期:vue实例创建、运行、销毁期间,总是伴随着各种各样的事件,这些事件组成了vue的生命周期
这些生命周期事件也叫做生命周期钩子或生命周期函数,分为三类
一、创建期间的生命周期函数:
beforeCreate:初始化事件和生命周期,此时话没有初始化date和methods
created:实例创建完毕,完成了数据注入和事件监听,data和methods属性已被初始化,可以访问data中的数据
beforeMount:在created之后,vue会判断实例中是否含有el属性,如果没有会调用vm.$mount(el) ,接着会判断是否含有template属性,如果有将其解析为一个render function ,如果没有将el指定的外部html进行解析,此时完成了模板的解析但是数据并没有绑定到模板中
mounted:将编译好的模板挂载到页面,页面有了显示,最早操作
二、运行期间的生命周期函数:
beforeUpdate:更新虚拟dom节点,此时data中的数据已被更新,但是界面上显示的数据还是旧的
updated:页面重新渲染,此时data中的数据和页面中显示的数据保持了同步
三、销毁期间的生命周期函数:
beforeDestroy:实例销毁之前调用,在这一步实例仍然完全可用
destroyed:销毁vue实例对象,移除了监听器、子组件和事件监听