总结:
beforeCreate:此时,data和methods中的数据还没有被初始化。
created:此时,data和methods中的数据已经初始化完毕。如果需要操作data中的数据或调用methods中的方法,最早只能在created中操作。
beforeMount:执行此函数的时候,模板在内存中编译好了,但还没有挂载到页面上去,此时的页面还是旧的。
mounted:页面中的DOM已经渲染完毕,如果要操作DOM节点,最早只能在Mounted中操作。只要执行完了mounted,就表示Vue实例已经初始化完毕,此时组件已经脱离了创建阶段,进入到了运行阶段。
beforeUpdate:当执行beforeUpdate的时候,页面中的数据还是旧的,页面中的数据未和data中的数据保持一致。
updated:执行此函数的时候,页面和data中的数据已经保持一致了,都是最新的。