## 生命周期钩子 生命周期函数就是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'); }, }); ``` ## 图示