Vue生命周期钩子

• created
  Vue实例创建完成后调用，此时已经完成了对数据的监测，但还没有完成挂载。
• mounted
  el挂载至Vue实例上时调用。
• deforeDestroy
  实例销毁之前调用，常用于解绑一些正在监听的事件。

<div id="app"></div>
<script>
var app = new Vue({
el: '#app',
data: {
a: 2
},
created(){
console.log(this.a + ` <-- 已完成对数据的观测`);
console.log(this.$el + ` <-- 仍未完成挂载`);
},
mounted(){
console.log(this.$el + ` <-- 已完成挂载`);
},
beforeDestroy(){
console.log(`准备销毁Vue实例`);
}
});
</script>