Vue生命周期函数

Vue生命周期函数

1. vue实列从创建到销毁会经历一系列的过程:创建-渲染-更新-销毁，经历过程时，会执行对应的函数

   4个过程对应8个生命周期函数
   创建对应-创建前(beforeCreate)和创建后(created)
   渲染对应-渲染前(beforeMount)和渲染后(mounted)
   更新对应-更新前(beforeUpdate)和更新后(updated)
   销毁对应-销毁前(beforeDestroy)和销毁后(destroyed)

创建过程:创建前你还无法使用vue实列的数据内容，以及this，创建后实列生成完毕，可以使用data、methods、watch中的数据
渲染过程-渲染前vue已经在内存的虚拟dom中进行了渲染，但是还没有被挂载到dom树上，渲染后，此时页面渲染完毕，这里是最早能操作dom的地方(虽然我们一般不操作)
更新过程-beforeUpdate 执行的时候页面上的数据还是旧数据，data中的数据已经是最新的，data中的数据还没有和页面中的数据同步，updated 执行的时候，data中的数据和页面中的数据已经同步
销毁过程-销毁前数据可以用，销毁后-啥都没有，被销毁的对象直接没了，相关的数据、内容都不能再使用

其实还有三个生命周期，不过那些都是高一级的内容