終於來到第11日了，想了一個破格標題提振一下精神。

Vue生命週期

官網实例生命周期钩子
書簡理解 Vue 生命周期钩子 作者id:bacbcc94613b

這邊我也不理解，可能因為我JS沒學完整學熟。
總之 <keep-alive>就是提供了兩個鉤子：activated and deactivated，
並因為deactivated導致不觸發 beforeDestroy and destroyed
不過就如同官網生命周期图示說的

你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。

簡單來說就是用 <keep-alive>保留資料狀態，直接給個例子：
今天金背背參加機智問答賽，
但答案欄位不是選擇題是填空題<input type='text'> (好啦是選擇題也沒關係)。
其中一題是：請問金價背的生日是幾月幾號？請作答！
這時候金背背先輸入1989，接著暫時擺著作答區，去點選旁邊參考資料的頁籤，
啊～找到了，是19890515，然後回作答區要繼續輸入，
就在此時！時間到！ 剛剛輸入的1989消失了，不著痕跡手法相當完美。

為了讓資料保留下來，讓剛剛輸入的1989保留，我們使用 <keep-alive>
來看看官網的範例在动态组件上使用 keep-alive
保留時，同樣不觸發 mounted之前的 hook，因為直接觸發activated

另外，要做資料掛載、AJAX 要在 created hook階段。mounted hook階段是資料已掛載到 vue實體上但畫面未渲染，可以從 HTML原始碼觀察

小結

今天禮拜五欸，TGIF欸，而且我標題打這麼長塞不下其他主題了XD
其實是要趕工讀書會筆記了，真是抱歉～ 不過請不要退訂閱謝謝～