beforeCreate:function(){
//Vue实例创建前被调用，数据和模板均未获取到
console.log("组件实例化之前执行的函数");
console.log("beforeCreate",this.$el, this.message)
},
created:function(){
//Vue实例创建后，最早可以获取到data数据的钩子，但是模板未获取到
console.log("组件实例化完毕，但页面还未显示");
console.log("created",this.$el, this.message)
},
beforeMount:function(){
//Vue实例创建后，可以获取到data数据的钩子、模板获取到，此时还没有生成html到界面上去
console.log("组件挂在前，页面仍未展示，但虚拟Dom已经配置");
console.log("beforeMount",this.$el, this.message)
},
mounted:function(){
//数据可模板可以挂载mounted后面 此时模板已经挂载完成
console.log("组件挂在后，此方法执行后，页面显示");
console.log("mounted",this.$el, this.message)
},
beforeUpdate(){
console.log ("组件更新前，页面仍未更改，但虚拟Dom已经配置");
console.log("beforeUpdate",this.$el.innerHTML, this.message)
},
updated(){
console.log("组件，此方法执行后，页面显示");
console.log("updated",this.$el.innerHTML, this.message)
},
beforeDestory(){
console.log("组件销毁前 做一些收尾数据");
console.log(this.beforeDestory())
},
Destory(){
console.log("组件销毁");
console.log(this.Destory())
},
一起设计吧
