Vue

1.vue生命周期

vue的生命周期就是一个组件从出生到死亡的一个完整的周期 主要包括4个阶段：创建，挂载，更新，销毁

1. beforeCreated():在这个生命周期函数上只有一些实例本身，在这个钩子上定义的一系列东西是不可用的

2. Created()：最早访问data和methods的数据，在这个生命周期函数上自定义的属性和事件都是可用的

3. beforeMount()：已经编译好dom树，但没有渲染到页面上，此时指令已被解析

4. Mounted()：最早操作dom元素,已经将内存中的dom树渲染到页面上

5. beforeUpdate()：内存数据已经修改，页面还没改

6. updated():内存和页面已经同步

7. beforeDestory():销毁之前，但data和methods中的数据还是可以访问的

8. destroyed():完全销毁

2.总结：

1. beforecreate：可以在这加个loading事件
2. created ：在这结束loading，还做一些初始化，实现函数自执行
3. mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情
4. beforeDestory： 你确认删除vue实例了吗？
5. destoryed ：当前实例已被销毁，解绑相关指令和事件监听器

3.重点：

**父子组件嵌套时触发钩子函数顺序 **

1.组件挂载阶段

父组件beforeCreate=>>父组件created=>>父组件beforeMount=>>子组件beforeCreate=>>子组件created=>>子组件beforeMount=>>子组件mounted=>>父组件mounted

2.创建阶段

从创建到挂载，是从外到内，再从内到外

3.组件1更新阶段

父组件beforeUpdate=>>父组件updated

4.组件销毁阶段

父组件beforeDestroy=>>子组件beforeDestroy=>>子组件destroyed父组件destroyed
销毁是从外到内，再从内到外