接續上回〈vuex 教學：vue 的狀態管理工具〉教學後，這次要延伸筆記 Module、Getter 的使用，也包含較進階的用法，如果已經學完上一版的教學，其實就很夠用了...

當只有兩個組件，或是少部分組件需要溝通，但其關係又不是父子的話，則可以使用 Event Bus...

在 vue 的組件中，有一些常用的方法，我們可以獨立抽出放在 mixins，就不需要在每個組件又寫一次 methods。mixins 中的對象不只有 methods，還可以包含生命週期、data、computed，相當靈活...

vuex 可以讓你很方便地管理全站共用的資料 / 狀態。例如一個收集客戶資料的網站，可能有許多份表單需要填寫，當組件切換時，為了方便儲存資料，就會統一在 vuex 做管理與蒐集...

會用到 vue keep-alive，是因為在執行專案時，有個頁面是會重複切換組件的，因為怕瀏覽器重複渲染而影響效能，所以找來 vue 提供的 keep-alive 來保持組件狀態。

vue 在進行組件（component）化設計時，有很多種方式可以讓組件更有彈性，而 vue slot 就是其中一種。slot 可以讓你在父層，在來決定組件中某塊區域的長相。就像是在拼圖中間挖空一塊，讓每位拼圖創作者自由在其中揮灑色彩。

想將 vue SPA 專案佈署到 GitHub Pages 已經很久了，但有很多問題待解決，所以擱置至今，趁著假日就來做做看。這個佈署有兩件重要的事要解決，一個是將 build 好的檔案放到 gh-pages 分支；另一個是處理 vouter 切換後，重整頁面會出現 404 的問題。

公司某專案是用 vue，最近需要弄成雙語，比較需要額外處理的，包含 vue-router 的調整，以及不重新刷頁面的話，從 API return 回來的資料需要抓另一種語言的版本。此次教學會特別說明前者......

如果只是單純埋 GA 的話，可以在 index.html 中處理就好。但如果有 router 切換的話，可能會追蹤不到。因此我選了 vue-analytics 這個套件來處理 Vue 埋 GA 的問題......

在寫 axios 時，很直覺的會跟 call AJAX 一樣，後端給什麼 URL，就直接帶入傳值，但當 request 的網域改變時，就必須一個個更改，難以管理維護。透過 axios.create 創造實體，能更聰明的管理你的 API...