vue组件的生命周期以及钩子函数

附上一张图

methods:{
    changeTitle:function(){
      // this.title = "changed"；
      this.$emit("titleChanged","子向父组件传值");
    }
  },
  beforeCreate:function(){
    console.log("组件实例化之前执行的函数");
  },
  created:function(){
    alert("组件实例化完毕,但页面还未显示");
  },
  beforeMount:function(){
    alert("组件挂载前页面仍未展示，但虚拟DOM已经配置");
  },
  mounted:function(){
    alert("组件挂载后，此方法执行后，页面显示");
  },
  beforeUpdate:function(){
    alert("组件更新前，页面仍未更新，但虚拟dom已配置");
  },
  updated:function(){
    alert("组件更新后，此方法执行后，页面显示");
  },
  beforeDestory:function(){
    alert("组件销毁前")；
  },
  destoryed:function(){
    alert("组件销毁后");
  }
}