Vue基础笔记 生命周期及axios库

Vue生命周期

• vue生命周期：从创建到销毁的整个过程就是Vue实例的生命周期

1.Vue钩子函数

• vue钩子函数：Vue 框架内置函数，随着组件的生命周期阶段，自动执行。有4大阶段8个方法。钩子函数定义在组件对象的根节点，和 data 同级

1.1初始化阶段

1. beforeCreate，钩子函数被执行，此时无法访问 data 中的数据
2. created，实例创建，可以访问 data 中的数据，不能获取真实DOM。常用，发送 AJAX 请求
   
   

1.2挂载阶段

1. beforeMount，挂载前执行，此时还是虚拟 DOM ，不能获取真实DOM
2. mounted，在此之前真实 DOM 挂载完毕，获取的是真实 DOM。常用，操作真实 DOM
   
   

1.3更新阶段

1. beforeUpdate，虚拟 DOM 重新渲染，打补丁到真实 DOM，此时只有虚拟 DOM 中的数据更新了，真实 DOM 未更新
2. updated，真实 DOM 挂载完毕，真实 DOM 中的数据已更新
   
   

1.4销毁阶段

1. beforeDestroy，实例被销毁前，一般使用这个，可以手动消除计时器、 定时器、全局事件
2. destroyed，实例被销毁后，此时页面中的一切都已被销毁