vue的生命周期都有哪些？使用时机和作用？

　　Vue和React的生命周期很类似，都分为三个阶段：初始化、运行中、销毁

　　初始化阶段

　　当组件或者实例进行初始化的时候，会执行beforeCreate，此时数据还没有挂载，dom也无法访问到。

　　接下来组件开始挂载数据，进行数据劫持、绑定，然后执行created，此时已经可以访问到数据，依然无法访问到dom，根据文档说明来看，在这里可以执行一些watch监听的动作，也可以允许一些异步初始化动作的执行，比如获取异步数据，但是根据react的规范来看，render前最好还是不要做一些副作用的动作。

　　接下来，组件去查找模板并进行编译，等等渲染，执行beforeMount，此时，依然无法访问dom，与created作用类似。

　　然后组件开始进渲染，渲染完成后，执行mounted，此时可以获取到渲染出来的dom节点，并且也标志着组件的初始化阶段结束，在这个钩子函数中，可以调用初始的接口去获取数据、操作dom、实例化插件、绑定事件等等的副作用动作都可以执行。

　　运行中阶段

　　当数据发生变化的时候，立即执行beforeUpdate，在这里不能更改数据，会出现死循环，也不能操作dom，因为还没有重新渲染，所以在这里只能做一些日志输出、埋点等动作。

　　组件开始重新渲染， 渲染后执行updated，此时可以操作重新渲染后的dom，去实现插件的更新等动作，注意：任何的数据变化都会引起updated执行，所以要注意数据间的互相影响，推荐采用watch + nextTick或者watch + flush：post(Vue3)来精准的在某一个或者多个数据变化后引起的dom更新完成后执行某些动作。

　　销毁阶段

　　当组件销毁的时候，会执行beforeDestroy和destroyed、beforeUnmount和unmounted，在这两个钩子函数中，可以去执行一些善后的工作，比如取消事件监听、清除计时器等动作。

上一篇

Vue传值(全面)详解

下一篇

vue递归菜单实现权限关联菜单