首页 > 其他 > 详细

Vue 生命周期

时间:2017-10-30 10:57:36      阅读:278      评论:0      收藏:0      [点我收藏+]

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>

Vue 生命周期

原文:http://www.cnblogs.com/love-8023/p/7753119.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!