vue-生命周期

 beforeCreate:function(){
  
     alert("组件实例化之前");
   },
    created:function(){
  
     alert("组件实例化完毕,属性关联完毕,但页面还未显示");
   },
    beforeMount:function(){
  
     alert("组件挂在前，页面未展示，但虚拟DOM已经配置");
   },
    mounted:function(){
  
     alert("组件挂在后 方法执行后 页面显示");
   },
   beforeUpdate:function(){

   alert("组件更新前，页面仍未跟新");
   },
   updated:function(){

   alert("组件更新后，方法执行后 页面显示");
   },
   beforeDestory:function(){
   alert("组件销毁前");
   },
   destoryed:function(){
   alert("组件已销毁");
   },
 beforeCreate:function(){
  
     alert("组件实例化之前");
   },
    created:function(){
  
     alert("组件实例化完毕,属性关联完毕,但页面还未显示");
   },
    beforeMount:function(){
  
     alert("组件挂在前，页面未展示，但虚拟DOM已经配置");
   },
    mounted:function(){
  
     alert("组件挂在后 方法执行后 页面显示");
   },
   beforeUpdate:function(){

   alert("组件更新前，页面仍未跟新");
   },
   updated:function(){

   alert("组件更新后，方法执行后 页面显示");
   },
   beforeDestory:function(){
   alert("组件销毁前");
   },
   destoryed:function(){
   alert("组件已销毁");
   },
 beforeCreate:function(){
  
     alert("组件实例化之前");
   },
    created:function(){
  
     alert("组件实例化完毕,属性关联完毕,但页面还未显示");
   },
    beforeMount:function(){
  
     alert("组件挂在前，页面未展示，但虚拟DOM已经配置");
   },
    mounted:function(){
  
     alert("组件挂在后 方法执行后 页面显示");
   },
   beforeUpdate:function(){

   alert("组件更新前，页面仍未跟新");
   },
   updated:function(){

   alert("组件更新后，方法执行后 页面显示");
   },
   beforeDestory:function(){
   alert("组件销毁前");
   },
   destoryed:function(){
   alert("组件已销毁");
   },