Vue生命周期钩子

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>