初步认识vue-vue的生命周期

vue的钩子函数:

创建之前       beforeCreate() 

创建成功       created()

挂钩之前       beforeMount()

挂钩成功       mounted()

更新之前       beforeUpdate()

更新之后      updated()

消亡之前      beforeDestroy()

消亡              destroyed()

vue的生命周期:一个事物从出生到消亡的过程

先创建new Vue(),创建钩子函数和常用的属性,然后初始化事件和生命周期的一些钩子函数,调用beforeCreate,初始化一些常用的依赖和响应式事件,这时实例对象创建完成,然后判断是否有el元素,如果有这个选项就往下执行,到判断是否有template选项,如果没有这个选项,需要手动挂载el元素,绑定这个元素,绑定完之后进入判断是否有template选项,如果没有就渲染outHTML,然后进入挂载;如果有template则进入渲染template函数,渲染完成之后创建vm.$el元素来替换掉挂载完成之前的el元素,这时挂载正式结束,挂载完成之后等待数据的更新,如果有数据更新时触发breforeUpdata钩子函数,通过虚拟DOM重新渲染这个页面来更新数据,渲染结束就更新完成。当进入destroy方法的时候就进入销毁期,进入销毁期之后的vue 的方法将会被销毁,消失死亡。

猜你喜欢

转载自blog.csdn.net/hjy170314/article/details/83277280