前端八股文--vue2生命周期

 vue2生命周期有哪些

1. beforeCreate 进入组件时运行
2. created 入组件时运行
3. beforeMounte 入组件时运行
4. mounted 入组件时运行
5. beforeUpdate
6. updated
7. beforeDestory
8. destoryed

vue2生命周期的特点

1. beforeCreate:没有dom，没有data
2. created：没有dom，有data
3. beforeMounte：没有dom，有data
4. mounted：有dom，有data

vue2父组件中包含子组件，怎么周期怎么运行

1. 父组件beforeCreate
2. 父组件created
3. 父组件beforeMounte
4. 子组件beforeCreate
5. 子组件created
6. 子组件beforeMoune
7. 子组件mounted
8. 父组件mounted

可见，vue2会先执行完父组件可拿到data的生命周期后依次运行子组件生命周期，所有子组件解析完后父组件才算挂载完成，所以触发mounted

在created中如何获取dom

1. 在异步中获取，如：setTimeout，promise，网络请求等等
2. this.$nextTick

为什么发送请求不在beforeCreate中？beforeCreate和created的区别？

 为什么请求不在beforeCreate中？

因为如果请求封装在methods中，在beforeCreate调用的时候，这个阶段时拿不到methods中的方法的所以不行。 

beforeCreate和created的区别？

beforeCreate中没有data

created中有data 

keep-alive

  如果使用了keep-alive组件，当前的组件会额外增加2个生命周期（系统8+2）

activated

deactivated

如果组件加入keep-alive后，第一次进入生命周期会调用五个生命周期

普通的四个加上

activated 

如果组件加入keep-alive，在组件进入第二次或第n次会执行哪些生命周期函数

activated 

在什么情况下用哪些生命周期，说一说生命周期的使用场景

 created：如果是单组件，可以放在这发送请求

mounted：同步获取dom，如果有子组件需要父组件的数据，那就在这里发送请求

activated：判断url的id是否相同，如果不相同发起请求；

destoryed：关闭页面的时候记录播放时间，或者关闭计时器等等