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