vue 生命周期-02

1.Vue生命周期

注：在vue实例创建和销毁的过程中都会发生的事情-叫生命周期

如 ccreated钩子在实例被创建后，数据已经初始化在内存中。Dom还未被挂载在浏览器上。此时可访问实例中的methods 和data中的数据。

new Vue({
  data: {
    a: 1
  },
  created: function () {
    // `this` 指向 vm 实例
    console.log('a is: ' + this.a)
  }
})
// => "a is: 1"

---也有其他的生命周期钩子

• beforeCreated() 在Vm实例创建之前执行
• beforeMounted() 在Vm实例Dm挂在之前执行
• Moutend() 在VM实例Dom挂在之后执行

注意：不能在选项属性和回掉函数上使用箭头函数
1。created:() => console.log(this.a) 或 vm.$watch('a',newVlaue = >this.myMethod()) ,this的指向不会式Vm实例!

生命周期图示

---

生命周期函数是属于钩子函数的一种

lifecycle.png