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>

posted on 2017-10-30 09:31  正在输入中  阅读(113)  评论(0编辑  收藏  举报