// 生命周期(鉤子函數 hook)函數就是vue實例在某一個時間點會自動執行的函數

? ? ? ? ? ? //此時vue實例已經進行了基礎的初始化，但data數據還沒有綁定到vue的實例，此時，訪問不到data數據

? ? ? ? ? ? beforeCreate(){

? ? ? ? ? ? ? ? console.log('beforeCreate',this.msg);

? ? ? ? ? ? },

? ? ? ? ? ? //此時，data數據已經注入vue的實例，我們可以通過this訪問到data數據

? ? ? ? ? ? created(){

? ? ? ? ? ? ? ? console.log('created',this.msg);

? ? ? ? ? ? },

? ? ? ? ? ? //此時，模板和數據已經結合，編譯，但還沒有掛載到指定的掛載點上 （或者沒有掛載到指定的頁面元素上）

? ? ? ? ? ? beforeMount(){

? ? ? ? ? ? ? ? console.log('beforeMount',this.$el);

? ? ? ? ? ? },

? ? ? ? ? ? //此時，編譯后的模板已經掛載到掛載點上，我們會看到加載了數據的視圖的更新

? ? ? ? ? ? mounted(){

? ? ? ? ? ? ? ? console.log('mounted',this.$el);

? ? ? ? ? ? },

? ? ? ? ? ? //當有數據發生改變時，模板重新渲染之前，會觸發該事件。

? ? ? ? ? ? beforeUpdate(){

? ? ? ? ? ? ? ? console.log('beforeUpdate',this.$el.innerHTML);

? ? ? ? ? ? },

? ? ? ? ? ? //當模板重新渲染之后，觸發該事件

? ? ? ? ? ? updated(){

? ? ? ? ? ? ? ? console.log('updated',this.$el.innerHTML);

? ? ? ? ? ? },

? ? ? ? ? ? // 當執行vm.$destroy()，vue實例銷毀之前發生

? ? ? ? ? ? beforeDestroy(){

? ? ? ? ? ? ? ? console.log('beforeDestroy');

? ? ? ? ? ? },

? ? ? ? ? ? //vue實例銷毀之后發生，此時再改變數據，不會觸發視圖更新（或者視圖重新渲染）

? ? ? ? ? ? destroyed(){

? ? ? ? ? ? ? ? console.log('destroyed');

? ? ? ? ? ? }