vue生命周期

 

1.参考:https://segmentfault.com/a/1190000008010666?utm_source=tag-newest

export default {
  data(){

  },
  //组件实例刚被创建,组件属性计算之前,如data属性等
  beforeCreate(){

  },
  // 组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在
  created(){

  },
  //模板编译挂载之前
  beforeMount(){

  },
  //模板编译/挂载之后
  mounted(){

  },
  //组件更新之前
  beforeCreate(){

  },
  //组件更新之后
  updated(){

  },
  // for keep-alive,组件被激活时调用
  activated(){

  },
  // for keep-alive,组件被移除时调用
  deactivated(){

  },
  //组件销毁前调用
  beforeDestory(){

  },
  //组件销毁后调用
  destoryed(){

  },
  methods:{

  },
   //监听路由变化切换tab
  watch:{
     $route(to,from){
          
        }
  },
}

2.beforecreate : 举个栗子:可以在这加个loading事件 
 created :在这结束loading,还做一些初始化,实现函数自执行 (后端请求一般放在 created()里,如果你有依赖dom做一些其他的操作就放到mounted())
 mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情
 beforeDestroy: 你确认删除XX吗? destroyed :当前组件已被删除,清空相关内容

原文地址:https://www.cnblogs.com/ygyy/p/10302677.html