<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<div id="app1">
{{id}}
</div>
<script>
var user = {id : 1};
var vm = new Vue({
el : '#app1',
data : user,
beforeCreate:function(){
console.log('在实例初始化之后执行,在整个页面创建之前调用');
},
created:function(){
console.log('在实例创建完成后立即调用');
},
beforeMount:function(){
console.log('在挂载开始之前被调用');
},
mounted:function(){
console.log('挂载成功之后调用,el被vm.$el替换');
},
beforeUpdate:function(){
console.log('在数据更新之前调用');
},
updated:function(){
console.log('数据、组件、dom已经更新完毕');
}
});
vm.$watch('id',function(newValue,oldValue){
console.log(oldValue + " ==> " + newValue);
});
vm.$data.id = 3;
</script>