VueJS

[Vue] Vue CLI 3+ 動態載入實例

6 min read Vue 動態載入Vue ComponentVueJSVueJS 2.0JavaScript
鐵人賽之後，我實在對於沒辦法用 Vue CLI 3.0 來組合出動態載入，感到有點小小挫折。不過，畢竟所謂的 vue.config.js 其實，背後也都還是 Webpack 的設定，只是被封裝起來大家看不到而已。那麼，總是會有辦法把他做出來。 對，我做出來了，終究他還是 Webpack 所以其實也沒有非常困難。 > 然後 Vue 出了 4.0 結果 3.0

[IT 鐵人賽] 在 Vue 之後的事情，還會有什麼？ Day 30

4 min read VueJSVueJS 2.0JavaScriptITHome鐵人賽2019
結束了鐵人賽 30 天的過程，其實說真的我也沒有講太多 Vue 的事情，多半都是圍繞在一些奇怪的應用上。後續的 Vue 發展會是什麼樣子，其實身為一個在前端打滾的工程師來說，我個人其實也沒有那種強烈的慾望，說他一定要發展到什麼樣的程度。 起碼，這樣的工具對現在的應用上來說，還算是充裕的就夠了。 -------------------------------------------------------------------------------- Vue 框架 其實 Vue 的崛起算是相當快，背後雖然不像 React, Angular 那樣有個強力的老爸撐腰，但說起來團隊也還算相對活躍。也許這會讓人多少有點憂心，萬一團隊不更新了怎麼辦？或是這個框架以後不維護了怎麼辦？ > 說真的，比起擔心什麼框架不維護，為何不先擔心你自己不去學新的東西？

[IT 鐵人賽] Vanilla JS 與 Vue 的生命週期 Day 28

5 min read VueJSVueJS 2.0JavaScriptVue 生命週期ITHome鐵人賽2019VanillaJS
最後幾天來聊一下關於生命週期的事情，這裡提到的生命週期並不限於 Vue 所屬的區域，也包含了一些原生 JavaScript 那種無關 Bug 而是一種 Feature 的那些 生命週期 的事情。 沒有被 JS 婊過就不算寫過 JS 你說是吧（ 並沒有這種說法好嗎 ） -------------------------------------------------------------------------------- 關於封裝與執行 我之前犯過幾個低級錯誤，舉個例子給大家看個笑話： 以上是錯誤的範例，至於看不出來哪裡有錯的人 左轉不送謝謝。就字面上來說每個字都對，寫法也沒有錯誤，不過，就

[IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27

3 min read VueJSVueJS 2.0ITHome鐵人賽JavaScript2019Deep Watch
昨天看了一些關於大量 DOM 的事情，今天來聊一下關於深度監看的事情。其實在 Vue 裡面，預設的監看並不會看太多，也就是不會看很深。為了效能考量，所以基本上各家前端框架在這件事情上面，或多或少都會留一點餘地。 然後這些餘地有時候會讓人覺得很困擾。 -------------------------------------------------------------------------------- 怎麼監看？ 實際上 JavaScript 是可以透過 Proxy [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy] , Reflect [https: