鐵人檔案
Day 1 : 今年是轉職的第一年(準確地來說是第三個月)，其實去年就有看到鐵人賽的盛況了，但當時身為剛接觸前端不久的臭菜雞如我，知識量還相當不足XD (雖然現...
【完整程式碼附於文末】 如果我們想要把 data 的資料渲染到畫面上，有以下幾種方式將資料綁定至 DOM: v-text 標籤渲染的好處 :如果想要文字加粗的...
忘了當時是在哪裡看到關於這個面試題，看到的當下感覺自己立刻被問倒 XD 當時已經習慣 data 的函式就是要 return，但關於「為什麼」倒是沒想過 =w=...
v-for : 呈現多筆資料於畫面上 v-for可以將資料多筆渲染，形式為 : 自訂名稱 in 特定物件。ex : item in products。這裡將 i...
v-if : 條件判斷 跟我們熟知的 if else-if 和 else 基本意思差不多。 當 v-if為true，小明 飽了 這句話才會出現，反之則會跳到v-...
在 Vue 中，我們可以透過 v-bind 這個指令，輕鬆對屬性、樣式、資料等等進行動態綁定。 v-bind：屬性 拿個最常見的例子，圖片網址的綁定可以這樣寫：...
今天要來聊聊的是 Vue 的資料雙向綁定指令 : v-model(偷偷說明天應該會聊聊 Vue2 v.s. Vue3雙向綁定的原理~ 首先，雙向綁定 是什麼意思...
首先，Vue 是一個 MVVM 框架，雙向綁定資料與畫面。 而在 Vue 3 出現之前，Vue 使用的都是 Object.defineProperty 來實現雙...
上一篇提到 Vue2 是用 Object.defineProperty 來進行雙向綁定。而 Vue3 則是升級成 ES6 的 Proxy ，相較起 Object...
Vue2 & Vue3 其中一個最大的差別就是寫法上的差別了。Vue3 新增了 Composition API 的寫法。相較於 Vue2 的 Optio...
