鐵人檔案
Vue.js是一個open source的js framework，因為以前對這個框架不是很熟悉，想藉由這30天好好整理一下這個框架的整體概念，而不是片段的學習了哈哈哈。
寫程式的我們都知道，如果想要把陣列或物件裡所有東西print出來，就需要用到迴圈來寫，在Vue中，也有可以放在HTML元素中的循環指令，把陣列或物件的所有元素顯...
上一篇了解Vue的循環指令後，這篇我們將介紹也是寫程式時常用的：條件判斷，Vue一樣提供一些指令可以來做條件渲染(Conditional Rendering)，...
HAPPY NEW YEAR!!!為自己2018年許個新年新希望吧～ 這篇將介紹幾個還沒介紹的指令，都有各自的用途，使用時機因人而異。 其他指令 以下介紹這三個...
常常我們想要對資料做處理的時候，會寫一些function去跑，然後顯示出想要的結果，而為了讓模板(View)可以專注在顯示資料，Vue有設計兩個選項物件屬性，f...
在做事件處理的時候，當事件被觸發，資料異動了，通常這時候我們會需要監聽器去聽到觸發事件的啟動並去呼叫對應的處理器，並讓它做事情。 今天我們將介紹Vue在做事件處...
前面這幾天已經把Vue.js的基本功能大概都介紹完了，但別忘了Vue.js最強大的功能之一：元件(component)，讓我們恢復一下記憶，當vue const...
雖然每個元件是獨立運作，但Vue設計元件的目的是為了讓每個元件都有各自的用途，然後再互相配合使用，如此一來，系統開發上也比較結構化。 比較常見的組合元件為父子元...
Vue的元件化系統，讓開發者在開發上可以很好維護，主要是因為元件都有各自的用途與模板，而上一篇也介紹過元件之間要如何去做組合溝通，那如果一個網站要放入很多的元件...
上一篇的slot可以應用來把整個頁面分好三個section：navbar、main、footer，那如果我們要在main畫面上做tab來切換畫面呢？類似下圖的感...
前面分別介紹完Vue的directives、options跟components後，從這天開始，我們開始要將我們備好的材料開始煮出一道道好菜了。 前面我們有提到...