鐵人檔案
張潮的「幽夢影」有段話：「少年讀書，如隙中窺月； 中年讀書，如庭中望月；老年讀書，如臺上玩月。 皆以閱歷之淺深，為所得之淺深耳。」讀書的領會，會隨著人生閱歷的深淺而有所不同；而對一種程式語言的掌握度也是如此，會隨著投入時間的長短而有所不同。本系列文章是紀錄自己初學Vue.js的學習筆記，期許自己完賽後對Vue.js有基本的認識。
單向綁定 (v-once) 一般來說，如果我們使用 v-text 來綁定資料與畫面，那通常會是雙面綁定，資料和畫面是交互影響的，假設我們只想讓畫面只渲染一次資料...
物件方式 先前提到我們可以使用 v-bind 來動態綁定會變化的元素屬性，比如用 :class = "{'套用類別名稱':判斷值}"，以物件...
物件與陣列的索引 我們可以用陣列或者物件的形式來存放資料，並且透過 v-for 的方式將資料全部顯示出來，其中我們會使用 index 來存放資料的索引值，而物件...
不能運行的狀況 設定陣列長度為０ 在 js 中我們可以將某個陣列長度設定為０來將這個陣列的值消失，如範例的 dataArray2 ，但是在 Vue 中這種寫法是...
我們今天在 Vue 應用中宣告一個資料 counter，並且設定一個按鈕綁定點擊事件，此時當我們點擊按鈕時，會發現按鈕上的 counter 變數值加一，我們將相...
帶入參數 我們設定一個 dataArr 陣列，裡面存放 name 還有 money 組成的物件，我們宣告一個 save 方法，傳入一個物件 item 把當成這個...
!否定用法 我們在 v-if 條件直接使用否定！用法，將 true 的條件式改成 false，當條件等於 true 就會顯示出成功的 div 區塊，反之則會顯示...
使用 v-for 動態產生選項 如果我們今天要將陣列的資料放進 select 單選下拉式選單中，可以在 option 標籤中使用 v-for，將 item 帶入...
Hoisting 差異 所先我們先複習一下 Hoisting ，就是變數和函數的宣告，會在編譯階段就被放進記憶體。今天如我們分別使用 let 和 var 宣告變...
合併陣列 一般來說，如果我們要合併陣列可以使用陣列內建的方法 concat 來合併陣列，但是我們也可以透過展開方式來合併陣列，我們可以使用 ...arr1 ,....
