Nuxt.js 一些好用的設定
本篇大綱：Nuxt.js 用起來蠻順手的。新增 Nuxt 專案。head 的 lang 修改。修改整頁使用的模版。用不同的 layout。使用 Sass、Pug。npm run generate 到相對路徑。這篇是筆記在看文件時，覺得開發過程中遇到的問題，研究後找到的解法。
Nuxt.js 引用 Firebase SDK
本篇大綱：Nuxt.js 學習中。1 新增 firebase.js。2 更新 nuxt.config.js。3 各頁面引用。最近在看 Nuxt.js 的文件，想來轉用 Nuxt.js，沒想到在第一步引用 Firebase SDK 就卡關。
Vue.js 用 computed 跟 filter 做一個簡易搜尋功能
本篇大綱：Demo 說明。抓 RSS 的 XML，並轉成 JSON。RSS to JSON 線上工具。Google Apps Script 寫一個 XML to JSON。Computed + filter 執行搜尋功能。原始碼、Demo。
拿 Trello 當資料庫 建一個店家清單 – 下篇：建立清單頁面
本篇大綱：上篇的最後取得了 URL、整理取得的資料、製作顯示清單頁面、捷運站選單、清單卡片部份、店家詳細資料、原始碼及 Demo。本篇要筆記的是取得資料後的整理，以及處理成一個店家清單的頁面。為了有切換的功能，除了上篇的公館站外，Augustus 另外又建了一個古亭站。
D3.js、Vue 畫一個台灣地圖
本篇大綱：畫一個台灣地圖需要很多資源的幫忙、畫台灣地圖步驟、下載縣市界線經緯度、SHP 轉檔 GeoJSON、製作頁面、HTML、引用 D3.js、D3.js append SVG path、參考資源、原始碼、Demo。
Vue Transitions 製作簡單的 Carousel / Slider / 輪播功能
本篇大綱：輪播 / carousel / slider、3 個輪播套件推薦、Slick、Swiper、Owl Carousel 2、自己寫一個 Carousel、Vue Transitions Carousel 製作、原始碼下載。
Vue.js Transition 中用多個 v-if、v-show
本篇大綱：v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後，寫頁籤（tab）功能簡單多了。不只頁籤，相似的也很好用，比方線上測驗的換頁、手風琴。
用 Vue CLI 3 + Vuetify 製作說明頁面
用Vue CLI 3 + Vuetify 製作說明頁面 本篇大綱：關於「套件集合站」、本篇使用資源、安裝Vue CLI 3、建立Vue CLI 3專案、安裝Vuetify、製作頁面模版、抓firebase資料、Vue Router：id、pathMatch、製作頁面、build 產出原始碼、本篇原始碼。
Recent Comments