鐵人檔案
在這前端的三國時代，身為攻城獅，不能不知道一個新崛起的 Framework - Vue.js，因此在 30 天內運用簡單小範例來練習 Vue & Vuex 2.0 並記錄於 2017 年鐵人賽。
雖然前端工程，每 18 個月會難一倍，但是好像有越來越快的趨勢... 前端世界裡面，目前最火紅就是這三大框架，分別是來自： Google 的 Angular...
開始之前 請先安裝 node.js Vue-cli 最低版本需求：（重要） node 4 npm 3 最新版 Vue-cli 使用了 vue 2.1原本電...
今天目標： 學習數據綁定到 template 使用者輸入的值要立即顯示在畫面上 使用 checkbox 做雙向綁定 開啟預設的檔案： src/compone...
為什麼要使用 router ? 更方便讓我們切換兩個不同的頁面，而不是將所有功能寫在同一頁上面，利用 if 去切換 使用 vue-router 2.0 npm...
本日目標： 實作一個功能，讓使用者可以輸入一個攝氏溫度，上方同步顯示轉換後的華氏溫度。 使用 computed. 加入一個 input tag 作為使用者輸入...
今天目標： 我想要一個按鈕之類的，按下去可以切換轉換攝氏或華氏 計算結果要立即改成攝氏或華氏 所有的文字描述要連動修改 我想要增加一顆按鈕，按下去彈出計算結果...
我們從設計師那邊拿到一份完整 HTML 的切版 (怎麼可能!) 完整 HTML 的切版 (bootstrap example jumbotron) 今天目標：...
今天目標： 重複的地方使用 v-for 資料改成是從 page 傳給 component container.vue 這個元件 row 裡面有三個結構相...
今天目標： 我有兩個頁面上面的 nav 大致上功能一樣，只有少部分不同，可以幫我設計一個 nav 做到這件事嗎？ slot 我用自己解釋為：在元件上鑽一個洞...
前面幾天介紹了幾個比較常用的 vue directive & vue option 接下來，將會練習套用 vuex 到系統中。 Why vuex ? 從...
