生命周期
创建时期函数
beforeCreate()
我们初始化一个实例对象之后,立即就会执行这一个函数,此时data、methods等都还没被定义
created()
遇到的第二个生命周期函数,此时,data和methods都已经被初始化,此时是能拿到数据的最早时间
之后就会开始编辑模板,把vue代码当中的指令进行执行,编译到内存当中,此时在内存当中
执行完created之后,会去寻找是否有el,有就会编译出我们的template模板,没有就会进入到下一步,
beforeMount()
然后遇到第三个生命周期函数,也就是我们的这个函数,表达的意思是在挂载(挂载的意思就是在我们把我这一坨html放在页面之中的过程,就是内存当中已经编辑完成,但是还没有把模板渲染到页面)之前。此时,页面中的元素还没有被替换,只是我们之前写的一些模板,比如,我们写了{{data}},但是我们要是打印,是没有他的新的值的,因为模板还没有被挂载到页面,还没有更新还是旧的
mounted()
第四个生命周期函数,是实例创建完成的最后一个函数,表示实例已经被创建完成,表示内存的模板已经挂载到了页面中,页面已经被渲染好了。此时是最早能过够操作DOM元素的时候
运行时函数
beforeUpdate()
数据改变时触发,可以无限次触发买也可以不触发,此时页面没有被更新但是数据已经被更新了
update()
此时页面刷新
销毁时函数
beforeDestory()
表示此时进入销毁阶段,但是还没有被销毁
destory()
被销毁