vue--生命周期

 

 

 

 

 

1、生命周期中的钩子函数：

beforeCreate： element没有被初始化，数据没有被初始化

beforeCreate - created：初始化事件，数据观测

created：数据被初始化并且进行绑定，data中的值会改变，视图绑定也会变化

created - beforeMount：首先会判断对象是否有el选项。如果有的话就继续向下编译，如果没有el选项，则停止编译，也就意味着停止了生命周期，直到在该vue实例上调用vm.$mount(el)。

beforeMount：此时还是虚拟DOM

mounted：此时真是DOM

beforeUpdate：当vue发现data中的数据发生了改变，会触发对应组件的重新渲染，先后调用beforeUpdate和updated钩子函数。

updated：

beforeDestroy：钩子函数在实例销毁之前调用。在这一步，实例仍然完全可用

destroyed：钩子函数在Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。