[Vue] Vue CLI 3+ 動態載入實例
鐵人賽之後，我實在對於沒辦法用 Vue CLI 3.0 來組合出動態載入，感到有點小小挫折。不過，畢竟所謂的 vue.config.js 其實，背後也都還是
Webpack 的設定，只是被封裝起來大家看不到而已。那麼，總是會有辦法把他做出來。
對，我做出來了，終究他還是 Webpack 所以其實也沒有非常困難。
> 然後 Vue 出了 4.0
結果 3.0
Vue Component
[IT 鐵人賽] 動態載入 Components Day 21
我們又回到動態載入系列了，如果覺得我很煩的話可以先行離席沒關係。由於我昨天整理 Dockfile
的時候有點過於厭世，所以今天我這邊一樣會帶入一些昨天的結構，至於說 Dockfile 的話還沒好，如果想要先看結構的，可以先去我的 Github 上面看。
> ITHome Ironman 2019 Hybrid App
[https://github.com/hinablue/ithomeironman-2019-hybrid]
--------------------------------------------------------------------------------
混合模式的動態載入
其實我比較偷懶，上面的例子我直接掃全部的資料夾，然後將檔案加入樣版中。不過這個將來一定會 壞調 壞掉，所以小朋友不要亂學。
$jsFiles
[IT 鐵人賽] Component 的溝通方式 :props Day 14
這裡拿 :props 來回鍋複習一下，也順帶的，我們會提及一些關於事件溝通的方式。或者說反過來，講事件溝通，然後順帶提一下 :props
也可以。元件溝通其實一直都是各種框架裡面比較麻煩的事情，昨天提到的 Vuex 其實算是偷吃步，元件之間在沒有狀態管理機制的情況下，多數還是仰賴事件傳播為主。
只是，當元件趨於複雜，事件傳播就相對惱人。
--------------------------------------------------------------------------------
props
之前在提及元件的時候有提到這個屬性，如果忘記的人可以再回去看一下：
> Component 基本入門 Day 2 [https://blog.hinablue.me/2019-ithome-ironman-day-2/]
當我們需要將資料傳遞給元件的時候，
[IT 鐵人賽] Component 的溝通方式 Vuex Day 13
我們會把 Vuex
放的比較前面，是因為既然使用了狀態管理機制，那麼，用他來跟各種元件溝通，是比較方便的一件事情。然後，我拖了那麼久才講到元件溝通好像有點奇怪，也是啦，其實我本來就不是很喜歡溝通（欸不對）。
是說，溝通只是 Vuex 附加的好處而已其實。
--------------------------------------------------------------------------------
元件交換資料
我們之前有提過元件之間的資料交換，也提過 Vuex 的基本應用：
* Component 基本入門 Day 2 [https://blog.hinablue.me/2019-ithome-ironman-day-2/]
* Vuex 基本入門
[IT 鐵人賽] Component 魔術方法 Day 6
這是關於元件方法的最後一篇，實際上來說，Vue.options
並不能算是很魔術的方法。如果把他歸類為奇技淫巧可能比較適合（政治正確）。由於元件的註冊過程當中，會將相對應的實體放到這個屬性當中，所以，我們就可以利用這個地方來做一些事情。
身為邊緣人，我最喜歡這種邪門歪道了。
--------------------------------------------------------------------------------
App 實體 a.k.k Vue 替身
我們在使用 Vue 的時候，在最後一定是使用 new Vue 之後再 $mount 到某個 DOM 底下。
import