鐵人檔案
大家好，第一次參加鐵人賽，覺得既興奮又緊張，以前沒打文章的經驗，開始的頭兩篇請容許我廢話連篇... 不免俗先自我介紹一下(>∀•́)b 我是位前端設計師，...
開始前爬了一些文，大大們都說vue.js輕鬆易學，去谷哥了一下在開始vue.js之前須要會什麼東西，因目前沒有實務操縱資料的經驗，以我的學習速度真的是很怕文章難...
在引入vue之後，來建立第一個應用程式： <script> new Vue({ el: "#app01",...
上篇建立了一個簡單的Vue應用程式，並利用花括號{{}}將data的值綁定至DOM，除此之外也能使用v-text語法： v-text： <!--html-...
前面提到可使用v-text、{{}}來做資料綁定，但若要綁定html屬性為資料時，必須透過v-bind語法： v-bind 範例 使用v-bind指令:後面接欲...
綁定class v-bind:class可以與原本的class屬性共存，意思就是說原本HTML屬性上已經有定class了，後面可以再接v-bind:class...
使用v-on指令可以偵聽DOM 事件，並執行後續方法 下面例子在button上bind click事件，在click時改變資料(將原先定義好的counter +...
綜合以上模板語法的學習，過程中照著教學步驟做了一遍，官方範例都很清楚，但實際做的時候一定會遇到滿多問題的，所以想了一個簡單的例子讓自己實作，雖然被範例洗腦太深可...
v-model是用在表單、及元素來做雙向數據綁定，就像是結合了v-bind 跟 v-on一樣，初始綁定並呈現資料外還會監聽事件來做資料更新。 官方文件的範例：...
今天來學習條件判斷的指令，Vue提供以下指令可以用來做條件渲染(Conditional Rendering)： v-if v-if用來控制元素要不要render...
