一、初始化阶段
① beforeCreate
表示实例完全被创建出来之前,会执行beforeCreate函数,这时data 和 methods 中的 数据都还没有没初始化,
如果调用data和methods的数据的话,会报错。
② created
实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板。
二、挂载阶段
① beforeMount
此时已经完成了模板的编译,但是还没有从内存挂载到页面中。
② mounted
此时,已经将编译好的模板,挂载到了页面指定的容器中显示。
三、更新阶段
① beforeUpdate
data数据更新之后,但是还未渲染到页面时执行的函数。这时data数据已经更新,但是页面的数据还是旧的。
② updated
updated 事件执行的时候,页面和 data 数据已经保持同步了,都是最新的。
四、销毁期间
① beforeDestroy
实例销毁之前调用。在这一步,实例上的data,methods等仍然完全可用。
② destroyed
Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。