beforeCreate():第一个声明周期函数,表示实例被完全创建好之前执行
//注意:在beforeCreate()执行之前,date和methods都没还没有初始化;
created():第二个生命周期函数,表示date和methods都已初始化完;
//注意:如果想要执行date和methods的里面数据和方法最早只能在create中执行;
beforeMount():第三个生命周期函数,表示模板已经在内存中进行编译
//注意:此时模板还未挂载在页面中去;
mounted():第四个生命周期函数,表示模板已经成功渲染到页面中
//注意:如果要通过某些插件来操作页面上DOM节点,最早要在mounted中执行;
//mounted()是实例创建期间最后一个生命周期函数,当执行完mounted后,说明实例已经创建好了;
只要执行完mounted(),就表示整个Vue实例已经初始化完毕了,此时,组件已经脱离了创建阶段进入了运行阶段;
beforeUpdate(): 当data中的数据修改后就会执行beforeUpdate(),也就说明代码进行到这里说明data数据已经被修改了;
//当执行beforeUpdate()时,页面还是保留的原有元素数据,而date中的数据已经更新了;
updated():当update()执行时说明页面和data数据已经保持同步一致了;
销毁阶段
beforeDestroy():数据还没有被真正销毁;
destroed():数据实例已经被完全销毁;