Vue生命周期和钩子函数

var vm = new Vue({
  el:"#app",
  beforeCreate(){
    console.log("初始化了生命周期");
  },
  created(){
    console.log("初始化了活动对象");
    console.log("在这个钩子函数中通常进行ajax请求")
  },
  beforeMount(){
    console.log("进入渲染函数，但还没有渲染");
  },
  mounted(){
    console.log("模版渲染完成");
    console.log("可以在此进行DOM操作")
  },
  beforeUpdate(){
    console.log("数据发生了变化，但是还没有完成");
  },
  updated(){
    console.log("数据发生变化了，并且已经完成了");
   },
  activated(){
    console.log("keep-alive组件被激活");
  },
  deactivated(){
    console.log("切换组件的时候被触发");
  },
  beforeDestroy(){
    console.log("vue实例销毁前触发");
  },
  destroyed(){
    console.log("vue实例已经销毁");
  }
});