Vue - 生命周期函数

• 基本定义

  • 生命周期函数,可以为创建期间和运行期间以及销毁期间

    • 创建期间
      • beforeCreate,created,beforeMount,mounted
    • 运行期间
      • beforeUpdate,updated
    • 销毁期间
      • beforeDestroy,destroyed
        

• 详细说明

  • 1- 创建期间
    • beforeCreate
      • Vue或者组件刚刚实例化,data和methods还没有被创建
    • created
      • 此时data和methods已经被创建,可以使用,但还没有开始编译,如果首屏的ajax请求,可以放到这个钩子中执行
    • beforeMount
      • created的下一个阶段,此时模板已经被编译,但是还没有挂载到网页中
    • mounted
      • 模板代码已经加载到了网页中,但此时创建期间所有的事情都已经准备好了,网页开始运行
  • 2- 运行期间
    • beforeUpdate
      • 在网页运行期间,data中的数据可能会更新,在这个阶段,数据只是在data中进行更新了,但是没有在模板中进行更新,因此网页显示的还是之前的
    • update
      • 数据在data中更新了,此时页面上的数据都是最新的
  • 3-销毁期间
    • beforeDestroy
      • Vue实例或者是组件在销毁之前执行的函数,在这一个函数中Vue或者组件中的所有属性,都是可用的
    • destroyed
      • Vue实例或者组件被销毁后执行的,此时Vue实例上所有的东西都会解绑,所有的时间都会被移除,所有子元素都会被销毁