vue2 生命周期函数

生命周期：一个组件从创建到销毁的过程

生命周期函数一个组件从创建到销毁的过程中调用的的函数（自调用）

八大生命周期函数（建议初学者观看）

-----------------------------------------组件创建---------------------------------------------

1 . beforeCreate（）

在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用。--官方

组件实例化对象创建，选项对象配置之前（无法操作数据） 

****2.created（）

在实例创建完成后被立即同步调用。在这一步中，实例已完成对选项的处理，意味着以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的回调函数 --官方

可以操作数据，无法操作dom元素

3.beforeMount（）

在挂载开始之前被调用：相关的 render 函数首次被调用。--官方

用render函数开始解析组件的模板，子组件在这时候开始创建，此时还无法操作dom

****4.mounted()

实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。如果根实例挂载到了一个文档内的元素上，当 mounted 被调用时 vm.$el 也在文档内。

可以操作dom，挂载点发生变化

-------------------------------组件销毁----------------------------------

5. beforeDestory（）------一般不使用

实例销毁之前调用。在这一步，实例仍然完全可用。--官方

6 . destoryed()

实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。--官方

一般在使用路由跳转时保留位置时使用

--------------------------------------------------------------------------

7.beforUpdate（）

在数据发生改变后，DOM 被更新之前被调用。这里适合在现有 DOM 将要被更新之前访问它，比如移除手动添加的事件监听器。--官方

数据发生改变，视图发生改变之前

8 updated（）

在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。 --官方

数据发生改变，视图发生改变之后

希望可以对各位同胞有帮助，也愿各位前程似锦

注意：****标注是经常使用的