关于Vue的生命周期

Vue的生命周期方法, 又叫做生命周期钩子函数,

钩子函数: C#语言里的叫法, 它其实就是构造函数(constructor), 对象出生时触发, 对应的叫: 析构函数 (对象释放前触发)

钩子函数

beforeCreate

实例刚在内存中创建出来,此时,还没初始化data和methods属性,数据和事件加载之前调用

created

实例已经在内存中创建,此时data和methods已经创建,但是还没有编译模板,页面上还没有挂载任何标签节点, 一般网络请求写在这里

beforeMount

判断el选项, 如果有, 则再判断有无template选项, 如果没有template选项, 则认为el中的标签节点为它的模板标签,
这时候已经编译好了模板,但是还没挂载到页面中

mounted

真正的el标签内被虚拟DOM已经替换掉, 已经挂载

beforeUpdate

数据更新时,已经触发了beforeUpdate声明周期,此时数据为最新的数据,但是在页面显示上,数据还是旧的,此时还没有开始渲染DOM节点

update

页面上的DOM已经更新完毕

activated

keep-alive属性的组件激活时调用。

deactivated

keep-alive属性组件被停用时触发

activated和deactivated,用的极少(了解)

beforeDestroy

​实例在销毁之前调用,这一步,实例仍然可以用

destroyed

​实例销毁后调用
Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁

errorCaptured

捕获子组件的错误信息

注意只有在vuejs2.5+版本后才可以使用这个方法

vue的生命周期
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ## 最近在做的项目前段使用了Vue.js,在开发过程中对有关页面数据的初始化以及Vue的内置生命周期钩子的使用有...
    黄涛同学A阅读 298评论 0 0
  • Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系...
    Sanyekui阅读 2,130评论 1 2
  • vue生命周期 每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。很多时候我们希望能在这个过程中...
    皮皮坤666阅读 29,144评论 1 18
  • 写在前面:接触Vue的时间不多,进行一些项目实践的时候,总会涉及到关于生命周期钩子或多或少的使用。因此觉得有必要单...
    布袋猫g阅读 797评论 2 1
  • 昨天双十一,和姐姐聊天说自己在寝室躺着。姐姐很嫌弃的说:你还是大学生不,双十一在寝室宅着?。在那一瞬间突然发现自己...
    快惹的小公举阅读 198评论 3 0