vue生命周期函数

生命周期函数

声明周期函数是vue 实例从创建到销毁的过程中，到了某一个特定的时间节点就会自动触发的一个钩子函数

常用的钩子函数一共有八个

beforeCreate 创建前 实例还未创建， 这个时候什么都没有 data methods 都不能用 也没有 this

created 创建后 这个第一个能拿到 date 和 methods 来用的钩子函数

beforeMount 挂载前 挂载的是节点

mounted 挂载后

以上四个是创建阶段的钩子函数 这些钩子函数只会执行 1 次

beforeUpdate 数据变了视图未更新

updated 数据变了 视图更新 更新阶段的钩子函数会执行 0 次或者无数次

beforeDestory 销毁之前 最后一个能使用 data 和 methods 的钩子函数

destoryed 销毁之后 销毁阶段的钩子函数 执行 1 次

除了这八个还有三个

actived 激活缓存组件

deactived 停用缓存组件

errorCaptured 子组件出错的时候触发

1.2 在项目开发过程中哪些钩子函数用的比较多

在写代码的过程中，用的比较多的钩子函数有 cretaed 和 mounted
在 created 中我经常调用 axios 请求数据 或者获取本地存储里的数据
在 mounted 中我经常获取 dom 节点

父组件和子组件的生命周期函数的执行顺序

父组件的创建前—beforeCreate
父组件的创建后—created
父组件的挂载前—beforeMount
子组件的创建前—beforeCreate
子组件的创建后—created
子组件的挂载前—beforeMount
子组件的挂载后—mounted
父组件的挂载后—mounted

【在父组件挂载 前，把子组件挂载完成之后 在挂载子组件】