Vue生命周期

• 概念

  • 每个组件从创建到销毁都会经理一系列特定的过程 成为生命周期
  • 把过程执行的回调函数称为生命周期 钩子函数

• 作用

  • 创建过后 发起ajax请求
  • 挂载后操作dom
  • 添加事件监听
  • 销毁前移除间隔调用 事件监听
  • 说明: 并不是每个生命周期都必须要使用

• 声明周期8个

  • 创建前后

    • beforeCreate 创建前
      • 特点 有this，没有data与methods方法
    • created创建后
      • 特点 有data 没有$el ,dom节点
      • 用处 ajax请求 定时器 事件监听

  • 挂载前后

    • beforeMount 挂在前

      • 特点 有dom节点 数据也渲染
    • mounted 挂载后
      • 特点 有dom节点 数据也渲染
      • 用处 操作节点 ajax请求

  • 更新前后

    • beforeUpdate 更新前
      • 特点 会执行多次 数据更新 dom节点没有更新
    • updated 更新完毕
      • 特点 会执行多次 数据更新 dom节点也更新

  • 销毁前后

    • beforeDestroy 销毁前
      • 特点 数据可以更新 视图已经不更新
      • 用处 移除事件监听 停止定时器
    • destroyed 销毁完毕
      • 特点 没有this 切换视图与vue实例的联系