鐵人檔案
為什麼決定是 Vue.js ? 提高可閱讀性 程式邏輯與視圖邏輯完全分開 可深可淺的漸進式框架 初學可僅以代替原生 javascript 或 jQu...
Vue 的響應性 Vue 會自行觀察物件內變化，在第一時間產生 HTML 與更新 DOM。比起 jQuery 的命令式渲染，開發者只需要專注在視圖層的表現，而不...
指令（directive） 了解樣板跟資料之後，就可以來了解指令的部分。Vue 可以透過在 HTML 中以被稱為指令的特殊屬性來編寫。可以依據我們提供的資料作不...
雙向綁定 v-model可以進行資料雙向綁定，最常見於取得使用者的 input 例如：文字區域textarea、單選radio、下拉式選單select等等，並與...
回顧 在《 03. Vue 指令：v-text, v-html, v-bind 》中，我們學到如何將 vue 實例中的資料渲染在網頁上，以及其細節的不同；在《...
計算屬性 有點像介於資料與方法之間，既可以像資料一樣填入雙大括號，渲染頁面，同時花費緩存空間偵聽著取用的資料的值是否有變動，如果變動了，計算屬性的值也會立刻跟著...
watch 偵聽屬性 watch 可以讓我們監聽 data 物件屬性或計算屬性的變化，每當監聽的對象的值產生變化時，實行watch裡面的程式碼。我們可以用wat...
v-for 指令 我原本希望是在講完v-on之後寫v-for，可是v-on已經提到methods，我覺得不一起講computed和watch的話好像更不連貫，所...
先來點比喻 就跟噴火龍一樣，要成為完整的 Vue 實體，要先從蛋 → 小火龍 → 火恐龍 → 噴火龍一步一步進化與成長。在我們享受 vue 有如噴火龍的大字爆炎...
元件（component） 元件是可以重複使用的一組 Vue 實體，而且會有一個標籤名。可以在 HTML 裡輸入標籤名，就可以從該元件中取得 data 資料渲染...
