鐵人檔案
小弟我剛踏入前端沒多久，目前剛好接觸到 Vue，所以想藉由鐵人賽讓自己更加熟練 Vue 的使用，這30天基本上我預計會介紹 Vue 的基本使用，還有 vue-cli 及 vue-router 的使用方式，是適合沒碰過甚至沒聽過 Vue 的人，對於已經是正在使用甚至很熟練的大神們鐵定是過於簡單的，不過也希望大神們如果有看到錯誤，請不要吝嗇給小弟我建議及指點，謝謝各位，期望自己能達成目標。
Vue Instance Vue 的生命週期是一個相當重要的觀念， Vue 應用程式是從 Vue 建構式( Vue constructor )建立根實體( Vu...
元件 Components 基礎介紹 元件的概念在 Vue 中是非常重要的一個環節，Vue 應用程式都是從建立根實體開始，之後再一個一個元件搭建上去，而透過元件...
全域註冊 昨天介紹了 Vue 中非常重要的元件，今天我們就來看看元件究竟要怎麼使用吧！首先來是全域註冊的方式，直接來看範例： <div id="...
Props 特性，由外向內的資料傳遞 元件與元件之間的資料都是各個獨立的，所以才不會互相干擾，如果遇到需要由父層傳遞資料給子層的時候，我們可以使用 props，...
emit 向外層傳遞資訊 昨天我們提到了如何將資料由外層傳向內層，用 props 的方式可以將資料由外向內傳遞，那如果我們想要將內層的資料向外層傳遞時該怎麼做呢...
元件插槽 Slot 我們會將需要重複使用的區塊建立成元件，這樣可以方便我們重複使用，但是如果遇到我需要替換部份內容的時候，該怎麼辦呢？難道要再新建一個元件嗎？答...
動態切換元件 今天來點輕鬆的，其實是我最近比較累所以沒辦法打太多東西，所以來介紹一個簡單的元件動態切換的方式，之前有使用動態的方式來切換 className 還...
Vue extend 當我們有數個元件的內容很相近，只有少部分內容不一樣的時候，我們可以使用 extend 來建立重複的部分，來看下面範例： <div i...
Transition 漸變 Vue 有封裝好的 transition 元件可以使用，可以讓我們在撰寫漸變特效時更方便，而且我們可以自定義漸變的樣式類別，設計出屬...
Vue-cli 3 建立開發環境與新增專案 基礎介紹基本上就到一個段落，接下來最後的這幾天會介紹一些 Vue 的生態。首先介紹該如何建立 Vue 的開發環境與新...
