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 ：当前组件已被删除，清空相关内容