vue 的生命周期
阿新 • • 發佈：2019-01-06
color child 理解 都是 image 簡單 生命周期 demo1 this vue的生命周期就是一個vue組件從出生到死亡的過程
課件（2019-1-5）
*** 生命周期，你需要知道它是什麽時候觸發。
beforeCreate 在組件初始化之前 在這個生命周期中組件的數據、方法、事件都還沒有。 簡單來說，new Vue之後，可以理解為第一句話就調用beforeCreate 可以在loading的時候用 function Fn(age){ beforeCreate(); this.age = age; } created 當數據、方法、事件初始化之後調用. 簡單點來說，當數據有初始值之後調用。 一般都是請求數據的時候用,關閉loading。
function Fn(age){ beforeCreate(); this.age = age; created() }
要麽看看有沒有el屬性，沒有就再看看實例下有沒有$mount(el) 有就使用$mount的el
** template屬性，會覆蓋根元素
1. template:‘<div></div>‘
2. <template id="demo1"> <div>demo1</div> </template>
3. <script type="x-template" id="demo2"> <h2 style="color:red">我是script標簽模板</h2> <//script> template:‘#demo2‘ 有模板走模板，沒模板走根元素的innerHTML beforeMount: 渲染之前 mounted DOM渲染之後，可以獲取頁面的元素（主要是數據生成出來的元素） 當DOM更新完成時觸發。只要操作DOM直接使用nextTick搞定
[ { name:‘ul‘, children:[ {name:li}, {name:li}, {name:li}, ] } ] beforeUpdate 數據更新之前 updated 數據更新之後 其實直接使用computed即可。 beforeDestroy 死亡前 關掉定時器、狀態的初始化 destroyed 沒有路由的時候是人為手動觸發，有路由，切換路由的時候上一個組件觸發 死亡後，數據就不能添加了
課件（2019-1-5）
vue 的生命周期