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

2020-04-10  本文已影响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();//会报错
  }
})
上一篇 下一篇

猜你喜欢

热点阅读