第12屆鐵人賽Day 7 Rails專案內加上Vue元件
經過了三天的Vue簡單起手式，接著我們要回到Rails專案內實作了。（捲起袖子） 今天來了解一下元件的概念！
第12屆鐵人賽Day 6 Vue instance的computed屬性
昨天我們討論了雙向事件處理: v-model 以及 v-on，讓我們可以跟使用者輸入的資料互動。 （例如對使用者的輸入的暱稱打招呼～）
第12屆鐵人賽Day 5 v-bind, v-model, v-on
昨天討論了單向資料流的鬍子語法，可以讓我們把Vue實例裡的資料流向html (View)。 但如果要將資料綁定HTML標籤屬性的時候，該怎麼辦呢？ 舉例🌰而言，如果我們想把HTML的placeholder綁上vue instance的data屬性yourname，這個時候，我們可以使用v-bind。
第12屆鐵人賽Day 4 Vue的單向資料流: 鬍子語法
昨天經過辛苦的環境安裝（擦汗），可以在Rails專案寫Vue了！先來個簡單的Vue起手式緩緩心情～ 在第2天我們有提到，Vue.js 官網 這張MVVM架構的示意圖： Model是資料邏輯： View是使用者介面； VM代表的是View Model。
第12屆鐵人賽Day 3 在Rails專案產生Vue app
在昨天的鐵人賽中，我們對於Rails的MVC架構和Vue.js的MVVC設計架構做些了解，對未來專案的前端、後端的檔案位置及有個初步的概念。那麼今天就直接來開個新專案吧！