Vue——生命周期流程

图片来自尚硅谷天禹老师

在代码中创建vue实例，vue初始化生命周期；

调用beforeCreate()，此时不能通过vm获取data数据，methods中的方法；

初始化数据监测、数据代理
（自我理解
数据代理是vm对象操控data中的数据，使之展示在页面中；数据监测是通过_data中get()、set()方法实现对data数据的监测改变，进而读写）

调用create()后可以通过vm获取data中的数据，methods中方法

vue开始解析模板，该过程已经解析好形成虚拟DOM,但还没能显示在页面上；

调用beforeMount()，此时还未编译，页面呈现未编译状态；

将内存中虚拟DOM转换为真实DOM,呈现在页面上；

调用Mounted(),此时vue已经编译完毕，初始化过程结束；

若存在data中数据的更新，调用beforeUpdate()，此阶段数据已经更新，但页面还未更新，存在内存数据与页面不一致情况（短暂的）；

调用updated(),完成更新操作，内存与页面数据一致；

调用beforeDetroy()时，data数据、methods方法均可用，但是此阶段修改数据不奏效；

调用destroy()后，vm被销毁，页面仅剩之前残留的数据，无法再对数据进行操作，vue开发者工具也失效；