美文网首页
Vue——生命周期

Vue——生命周期

作者: 云瑶糖糖 | 来源:发表于2021-11-24 15:32 被阅读0次

好看的网页千篇一律,有趣的代码万里挑一。

今天看看什么是Vue生命周期?

生命周期就是指一个对象的生老病死。 可以类比人的成长,人从出生到死亡,要经历很多时期,如童年、少年、青年、中年、老年等,同理Vue实例也有类似的周期。



什么是Vue生命周期?

首先,认识一下实例的生命周期。所谓“生命周期”,是指实例对象从构造函数开始执行(被创建)到被GC(Garbage Collection,垃圾回收)回收销毁的整个存在时期,在生命周期中被自动调用的函数叫作生命周期函数,也被形象地成为生命周期钩子函数。

设定生命周期钩子函数的用途是什么?

在实例对象从创建到被回收的整个过程中,不同的时期会有不同的钩子函数,可以利用不同时期的钩子函数去完成不同的操作。例如需要在某个时期去获取后台数据、在某个时期去更新数据等。利用生命周期钩子函数可以精准定位到某个时期去完成一些特定的事情。

八大件:

beforeCreate(创建前):组件实例刚被创建,组件属性计算之前,比如data属性等。

created(创建后):组件实例刚创建完成,属性已经绑定,此时DOM还未生成,$le属性还不存在。

beforeMount(载入前):模板编译、挂载之前

mounted(载入后):模板编译、挂载之后

beforeUpdate(更新前):组件更新之前

updated(更新后):组件更新之后

beforeDestroy(销毁前):组件销毁前调用

destroyed(销毁后):组件销毁后调用

其中的三个常用:

beforeCreate  生命周期函数在组件实例刚被创建的时候增加一些loading事件。

created  生命周期函数可以结束loading事件,完成一些初始化,实现函数自执行等。

mounted是比较重要的生命周期函数,可以发起后端请求,取回数据,接收页面之间传递的参数、由子组件向父组件传递参数等。

相关文章

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • vue3较vue2的特别之处 - 生命周期

    vue2 生命周期 vue3 生命周期 将 Vue2 的生命周期钩子代码更新到 Vue3 参考地址:https:/...

  • 前端之路-VUE面试题

    vue生命周期面试题vue 生命周期是什么? Vue 实例从创建到销毁的过程,就是生命周期 beforeCreat...

  • Vue.js入门(二):生命周期

    1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程,就是生命周期。在Vue实例的生命周期过程中会运行生命周...

  • vue生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • Vue 生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • vue学习记录

    vue全家桶 vue生命周期 生命周期的理解 新建项目 ①:cnpm install vue-cli -g (全...

  • Vue生命周期

    Vue生命周期 1、什么是vue生命周期? 答: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、...

网友评论

      本文标题:Vue——生命周期

      本文链接:https://www.haomeiwen.com/subject/jjmntrtx.html