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>