VUE的生命周期VUE2.x

1.生命周期有哪些

VUE2.x 自带八个&＃xff1a;beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed

2.一旦进入组件会执行哪些生命周期

beforeCreate,created,beforeMount,mounted

beforeCreate,没有DOM($el),没有data&＃xff0c;不能拿到方法

created没有DOM($el),有data,可以拿到方法

beforeMount&＃xff1a;准备DOM,有data

mounted:挂载DOM,有data

3.父组件引入子组件&＃xff0c;生命周期的顺序是&＃xff1f;

beforeCreate&＃xff08;父&＃xff09;-》created&＃xff08;父&＃xff09;-》beforeMount&＃xff08;父&＃xff09;-》

beforeCreate&＃xff08;子&＃xff09;-》created&＃xff08;子&＃xff09;-》beforeMount&＃xff08;子&＃xff09;-》mounted&＃xff08;子&＃xff09;-》

mounted&＃xff08;父&＃xff09;

4.发送请求是在哪个生命周期&＃xff1f;beforeCreate为什么不发送请求&＃xff1f;

先执行同步再执行异步&＃xff0c;生命周期是同步的&＃xff0c;请求是异步的&＃xff0c;加载页面四个生命周期执行完才会执行发送请求&＃xff0c;写在哪里都行

如果请求在methods中封装好的&＃xff0c;在beforeCreate中拿不到

根据父组件引用子组件的顺序&＃xff0c;如果要优先加载子组件数据&＃xff0c;请求需要放在父组件mounted中&＃xff0c;没有依赖关系的话&＃xff0c;放在哪个生命周期都可以

5.在created如何获得dom

1)只要created中异步请求&＃xff08;请求、setTimeout,Promise.xxx,async&＃43;await&＃xff09;中获取dom就可以了 2)使用vue系统内置this.$nextTick $ref

6.加入keep-alive会执行哪些生命周期?

keep-alive 是什么&＃xff1f;缓存当前组件

新增activated\deactivated

第一次进入界面五个生命周期&＃xff1a;beforeCreate,created,beforeMount,mounted&＃xff0c;activated

第二(N)次进入&＃xff1a;activated

7.生命周期使用场景

1&＃xff09;单组件请求用created

2&＃xff09;同步条件下&＃xff0c;获得DOM。选择mounted&＃xff1b;先子组件请求&＃xff0c;后父组件请求&＃xff0c;其他区情况具体分析&＃xff1b;

3&＃xff09;keep-alive时&＃xff0c;使用activated&＃xff0c;如果页面id不同&＃xff0c;在这里重新发送请求

4&＃xff09;关闭页面记录视频播放历史&＃xff0c;初始化的时候从上一次播放历史播放

从网上找个图