Vue-生命周期

生命周期函数	特点
beforeCreated	只有默认的生命周期函数和默认事件，其他都没有
created	data、methods、属性、watch\event回调事件，$el还没有
beforeMount	模板在内存中已经编译好，但是还未渲染出来
mounted	页面模板渲染好了
beforeUpdate	data改变触发beforeUpdate事件，Vue中的内容更新，但是未渲染到页面
updated	事件执行的时候，页面和data都是最新
beforeDestory	销毁前一步，实例可用
destoryed	页面销毁，实例不可用 vm.$destory()

new Vue({
			el:'#app',
			data:{
				msg:'你好',
			},
			beforeCreate(){
				console.log('beforeCreate函数');
				console.log('el：'+this.$el);//undefined
				console.log('data:'+this.$data);//undefined
			},
			created(){
				console.log('created函数');
				console.log('el：'+this.$el);//undefined
				console.log('data:'+this.$data);//[object Object]
			},
			beforeMount(){
				console.log('beforeMount函数');
				console.log('el：'+this.$el);//[object HTMLCollection]
				console.log('data:'+this.$data);//[object Object]
			},
			mounted(){
				console.log('mounted函数');
				console.log('el：'+this.$el);[object HTMLCollection]
				console.log('data:'+this.$data);[object Object]
			},
			beforeUpdate(){
				console.log('befoeUpdated函数');
				console.log('el：'+this.$el);
				console.log('data:'+this.$data);
			},
			updated(){
				console.log('updated函数');
				console.log('el：'+this.$el);
				console.log('data:'+this.$data);
			},

参考：
VUE官方文档