美文网首页
vue实例对象--的生命周期

vue实例对象--的生命周期

作者: 八月飞花 | 来源:发表于2020-04-10 21:40 被阅读0次

创建vue基本操作

let vm=new Vue({
  el:"#app",
  data:{
  },
  methods:{
  },
  computed:{
  }
})

执行这段代码时vue到底做了什么


什么是生命周期

从上述代码的new 的实例创建,到运行,到销毁的器件,总是会伴随多种多样的事件,这些事件统称为生
命周期
生命周期可以大致分为三个阶段,创建阶段,运行阶段,销毁阶段

什么是生命周期钩子

在生命周期的三个阶段执行前后需要自定义的事件或处理,只能通过回调去处理,由于vue的作者已经为我们写好了各个生命周期的关键时间点的回调函数
生命周期器件执行的函数被称为声明周期函数
即生命周期钩子----》就是生命周期事件-----》就是声明周期函数
vue生命周期.png

生命周期函数

beforCreate()

这个函数与el,data。methods时同级别的
调用阶段:是在对象刚刚创建,还未初始化的时候调用的,调用时实例对象仅仅包含默认属性和方法
let new vue({
  el:"#app",
  data:{
    mesage:"";
  },
  methods:{
    show(){};
  }
  beforCreate(){//第一个生命周期函数
    console.log(this.message);//会得到undefined;
  this.show();//会报错
  }
})

相关文章

  • 【Vue】基础(生命周期 & 常用指令)

    生命周期 一个Vue实例是一个对象,对象就会有生命周期,一个Vue实例会经历下面以下生命周期。 实例初始化 - 初...

  • Vue2.0基础-生命周期(二)

    一、Vue对象实例化 其中Vue函数称为构造函数,使用new就可以实例化出来一个实例化对象。 二、Vue的生命周期...

  • vue知识总结

    vue attribute 是元素标签的属性,property 是元素对象的属性 vue实例 实例生命周期钩子 每...

  • Vue第二节

    vue实例 每个 Vue 实例都会代理其 data 对象里所有的属性: 生命周期 链接beforeCreate c...

  • vue的生命周期

    实例生命周期 所有的 Vue 组件都是 Vue 实例,并且接受相同的选项对象即可 (一些根实例特有的选项除外)。 ...

  • VUE生命周期函数面试题

    什么是 vue 生命周期 vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生...

  • Vue2生命周期

    Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的...

  • vue实例

    Vue实例 简介 任何Vue程序都需要至少一个Vue实例对象,然后在内部设置各种属性和方法,以及生命周期的控制 创...

  • vue生命周期详解

    1、什么是生命周期? vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周...

  • 详解Vue生命周期

    一个人如果想要学好Vue就必须要对Vue的生命周期了解的非常透彻。因为vue生命周期是指vue实例对象从创建之初到...

网友评论

      本文标题:vue实例对象--的生命周期

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