## 生命周期鉤子 生命周期函數就是VUE實例在某一個事件點會自動執行的函數. 實際上有11個聲明周期函數. ``` var vm = new Vue({ el: '#app', //初始化事件和生命周期結束后 beforeCreate: function () { console.log('beforeCreate'); }, //外部注入和雙向綁定后 created: function () { console.log('created'); }, //初始化完成后查找是否有el掛載點 //查找是否有template,有就用template,如果沒有,就把el外部的元素當做模板 beforeMount: function () { console.log('beforeMount'); //此時元素還沒有被渲染到頁面上 }, //模板結合數據生成的VUE的DOM元素就被顯示在頁面上 mounted: function () { console.log('mounted'); }, //vm.$destroy被調用才會執行下面的函數 beforeDestroy: function () { console.log('beforeDestroy'); }, destroyed: function () { console.log('destroy'); }, //數據被改變,還沒渲染之前執行 beforeUpdate: function () { console.log('beforeUpdate'); }, //數據更改后,渲染后執行 updated: function () { console.log('updated'); }, }); ``` ## 圖示