最後幾天來聊一下關於生命週期的事情,這裡提到的生命週期並不限於 Vue 所屬的區域,也包含了一些原生 JavaScript 那種無關 Bug 而是一種
Feature 的那些 生命週期 的事情。
沒有被 JS 婊過就不算寫過 JS 你說是吧( 並沒有這種說法好嗎 )
--------------------------------------------------------------------------------
關於封裝與執行
我之前犯過幾個低級錯誤,舉個例子給大家看個笑話:
以上是錯誤的範例,至於看不出來哪裡有錯的人 左轉不送謝謝。就字面上來說每個字都對,寫法也沒有錯誤,不過,就
我們又回到動態載入系列了,如果覺得我很煩的話可以先行離席沒關係。由於我昨天整理 Dockfile
的時候有點過於厭世,所以今天我這邊一樣會帶入一些昨天的結構,至於說 Dockfile 的話還沒好,如果想要先看結構的,可以先去我的 Github 上面看。
> ITHome Ironman 2019 Hybrid App
[https://github.com/hinablue/ithomeironman-2019-hybrid]
--------------------------------------------------------------------------------
混合模式的動態載入
其實我比較偷懶,上面的例子我直接掃全部的資料夾,然後將檔案加入樣版中。不過這個將來一定會 壞調 壞掉,所以小朋友不要亂學。
$jsFiles
是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格
[https://zh.wikipedia.org/wiki/%E8%96%9B%E5%AE%9A%E8%B0%94%E7%8C%AB]
我就不解釋了,程式執行其實並沒有像是量子力學的那種疊加狀態,只是,當 Vue 的元件趨於複雜,再搭配上 Vue Router
的時候,你的某些生命週期中的勾子,就會有你所不知道的狀態。
我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期之間的事情,做一個全面性的剖析。如果你之前有稍稍稍稍微留意我的部落格,應該會看過我曾經碎念過
Router 與生命週期之間的事情。
> 重新檢視 lifecycle 與 vue-router
[https://blog.hinablue.me/vuejs-zhong-xin-jian-shi-lifecycle-yu-vue-router/]
關於 vue-router 外面的兩三事
[https://blog.hinablue.me/vuejs-guan-yu-vue-router-wai-mian-de-liang-san-shi/]
VueJS 快速入門 Day 1 [https://blog.hinablue.