鐵人檔案
小弟我剛踏入前端沒多久，目前剛好接觸到 Vue，所以想藉由鐵人賽讓自己更加熟練 Vue 的使用，這30天基本上我預計會介紹 Vue 的基本使用，還有 vue-cli 及 vue-router 的使用方式，是適合沒碰過甚至沒聽過 Vue 的人，對於已經是正在使用甚至很熟練的大神們鐵定是過於簡單的，不過也希望大神們如果有看到錯誤，請不要吝嗇給小弟我建議及指點，謝謝各位，期望自己能達成目標。
本人是前端新手，想藉由鐵人賽讓自己更熟悉 Vue，所以將學習筆記分享給大家。先附上官方文件，搭配官方文件服用可以更快速了解 Vue，文中若有觀念不正確之處，請不...
上一篇介紹了如何用 CDN 的方式使用 Vue，然後建立一個 Vue 的應用程式，接下來幾天會介紹在 Vue 裡常用的一些語法。 屬性綁定：v-bind 能夠將...
上一篇提到了 v-bind 的屬性綁定，今天就來提更多的屬性綁定的方法。 Class 與 Style 的綁定 我們先來看一個範例： <!-- 這是HTML...
前面有提到屬性綁定，在這裡我來介紹事件綁定及資料綁定，就讓我們開始吧！ 事件綁定 v-on 在網頁上，常常會有點擊、輸入資料等的互動事件，而如果你對 JavaS...
動態切換 className 今天來介紹一點運用的範例，這是關於是件綁定跟屬性綁定的運用，如果對事件綁定 ( v-on ) 和屬性綁定 ( v-bind )還不...
條件渲染 今天來介紹 v-if 和 v-show，並比較兩者之間的差異。 v-if 如果希望某些區塊在特定條件下才出現，就可以使用 v-if 、 v-else-...
列表渲染 在 Vue 中，我們會使用 v-for 來迭代陣列中的元素。下方我先在 Vue 的應用程式中建立一個陣列為 list ： new Vue({ el...
計算屬性 Computed 今天來介紹的是 computed 這個方法，能夠直接將結果存到變數之中，並且是可以直接使用的，直接來看下面的範例會比較清楚唷！ &l...
Watch 監聽屬性 今天來介紹監聽 watch 的用法，這個可以讓我們監聽某個值，而當這個值有更動的時候，就去執行某些事情，請看下面範例： <!-- 這...
Filter 過濾 今天來介紹過濾 filter，過濾顧名思義就是能夠將資料在顯示之前作前處理的方式，直接來看範例會比較清楚。 <div id="...
