Vue 生命周期

beforeCreate :组件实例刚刚被创建,属性都还没有

created:实例已经创建完成,属性已经绑定

beforeMount:模板编译之前

mounted:模板编译z之后

beforeUpdate:组件更新之前

updated:组件更新完毕

beforeDestroy:组件销毁前

destroyed:组件销毁后

---------------------------------------------------------------------------------------------------------

  <div id="app"></div>

<script>

  var app=new Vue({

  el:'#app',

  beforeCreate:function(){

    console.log('实例刚刚被创建');

  },

  craeted:function(){   //*****常用

    console.log('实例属性可以使用了');

  },

  beforeMount:function(){

    console.log('实例被挂载之前');

  },

  mounted:function(){   //*****常用

    console.log('挂载成功,并且模板数据编译成功');

  },

  beforeUpdate:function(){   //数据点击就改变

    console.log('数据更新之前');

  },

  updated:function(){

    console.log('数据更新完成');

  },

  beforeDestroy:function(){

    console.log('实例销毁之前');

  },

  destroyed:function(){    //vue不会自己销毁

    console.log('实例销毁之后');

  }

})

</script>

原文地址:https://www.cnblogs.com/love-8023/p/7753119.html