天天看点

vue生命周期

生命周期:一个组件从创建到销毁的过程。

beforeCreate:创建前。

  当组件初始化的时候会执行beforeCreate,在当前生命周期中无法访问data中的属性和methods中的方法,因为当前生命周期是初始化阶段,因此我们可以在当前生命周期中加一个loading等待组件加载完以后再移除loading。

created:创建后。

  1、当前生命周期可以访问data中的属性和methods中的方法。

  2、当前生命周期执行的时候会将data中的所有属性遍历添加setter/getter方法。

  3、当前生命周期执行的时候会将data和methods中的所有属性和方法遍历到vm实例上。

  4、因为当前生命周期会遍历data中属性添加setter/getter,所以可以在当前生命周期中进行前后端数据的交互。

beforeMount:挂载前。

  当前生命周期的数据和模板还没有结合,可以在当前生命周期中做数据最后的修改。

mounted:挂载后。

  当前生命周期的数据和模板已经结合,可以在当前的生命周期中获得真实的DOM结构,可以在当前的生命周期中做方法的实例化,如swiper、echarts……

beforeUpdate:更新前。

  当前生命周期中,更新的数据与模板还未结合,可以对数据进行最后的更改。

updated:更新后。

  更新的数据已经和模板相结合,可以获取数据更新后最新的DOM结构。

beforeDestroy:销毁前。

  当前生命周期中,仍然可以获取到真是的DOM结构,可以做事件的移除等。

destroyed:销毁后。

  在当前生命周期中,无法访问到真实的DOM结构,当前的vm和页面之间的联系断开。

vue生命周期
Qt
上一篇: 字元集合
下一篇: Git 常用命令

继续阅读