Vue生命周期
- vue生命周期:从创建到销毁的整个过程就是Vue实例的生命周期
1.Vue钩子函数
- vue钩子函数:Vue 框架内置函数,随着组件的生命周期阶段,自动执行。有4大阶段8个方法。钩子函数定义在组件对象的根节点,和 data 同级
1.1初始化阶段
- beforeCreate,钩子函数被执行,此时无法访问 data 中的数据
- created,实例创建,可以访问 data 中的数据,不能获取真实DOM。常用,发送 AJAX 请求
1.2挂载阶段
- beforeMount,挂载前执行,此时还是虚拟 DOM ,不能获取真实DOM
- mounted,在此之前真实 DOM 挂载完毕,获取的是真实 DOM。常用,操作真实 DOM
1.3更新阶段
- beforeUpdate,虚拟 DOM 重新渲染,打补丁到真实 DOM,此时只有虚拟 DOM 中的数据更新了,真实 DOM 未更新
- updated,真实 DOM 挂载完毕,真实 DOM 中的数据已更新
1.4销毁阶段
- beforeDestroy,实例被销毁前,一般使用这个,可以手动消除计时器、 定时器、全局事件
- destroyed,实例被销毁后,此时页面中的一切都已被销毁