Vue生命周期

1.什么是生命周期函数

---

生命周期函数 又叫钩子函数 是到了某一个时间点会自动触发我们讨论的是 vue 实例的钩子函数 从 vue 实例创建到销毁的过程中 到了一定的时间节点就会触发

1.1 生命周期函数有哪些

---

创建阶段

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

• created创建之后 也是最早的可以使用 data 和 methods 的钩子函数 这个时候有 this 了

• beforeMount组件挂载之前

• mounted组件挂载之后这个时候能拿到 dom 节点使用

运行阶段 只要修改 data 就会触发

• beforeUpdate数据变了 视图还没变

• updated数据变了 视图也变了

销毁阶段

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

• destoryed组件销毁之后

除了这八个 还有 三个如果用 keep-alive 缓存了组件 就会有 actived deactived 这两个钩子函数activated 组件激活deactivated 组件停用errorCaptured 子组件出错的时候会触发这个钩子函数

1.2 项目开发中 在生命周期里都做过什么功能

---

我在写效果的过程中 会在 created 或者 mounted 中发送 http 请求

created 和 mounted 的区别 就是 created 比 mounted 执行的时间更早所以会更多的在 created 中请求mounted 的特点是可以操作 dom 节点

还会用 created 钩子函数 获取 本地存储的数据

1.3 ⻚⾯第⼀次加载时⽗⼦组件⽣命周期执⾏的顺序是什么?

---

自己试一试 把顺序写一下

页面—beforeCreate

页面—created

页面—beforeMount

组件—beforeCreate

组件—created

组件—beforeMount

组件—mounted

页面—mounted