Vue实例的生命周期

• 什么生命周期

  定义：生命周期是指vue实例或者组件从诞生到消亡经历的每一个阶段，在这些阶段的前后可以设置一些函数当做事件来调用。

• 参考

  生命周期

• 生命周期中的钩子函数

//创造vue实例之后运行此函数，vm中的data/methods中的成员不可用
beforeCreate: function () {
   console.log("beforeCreate")
}

//创造vue实例之后运行此函数，vm中的data/methods属性可用
created: function () {
  console.log("created")
}

//当vue实例的el节点或组件挂载到页面以前运行次函数
beforeMount: function () {
    console.log("beforeMount")
}

//当vue实例的el节点或组件挂载到页面以后运行次函数
mounted: function () {
    console.log("mounted")
}

//当vue实例数据发生改变前触发此函数
beforeUpdate: function () {
    console.log("beforeUpdate")
}

//当vue实例数据发生改变后触发此函数
updated: function () {
    console.log("updated")
}