為什麼決定是 Vue.js ? 提高可閱讀性 程式邏輯與視圖邏輯完全分開 可深可淺的漸進式框架 初學可僅以代替原生 javascript 或 jQuery 為目標 進階可分別以 vue-r...
第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是什麼…在決定報名 IT 鐵人賽並打算以...
使用v-for多次渲染元素或模板塊 陣列 v-for="( 疊代的元素 , 索引 ) in 要抓取的資料" DEMO <ul> <li v-for=&q...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 時間過得很快...
v-model 是綁定在表單元件或自訂元件上，為實現雙向綁定用的。 ex: <input>、<textarea>、<select> input與 textarea...
資料細節說明 {{}}： 這是資料雙向綁定的方法，在 {{}} 包含 HTML 的變數或是直接打 HTML 在裡面都只會呈現純文字而已，如果要顯示出 HTML 的元素的話可以改用 v-html=變數...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 父子元件...
今天來到了 computed計算屬性了 ! 模板內可以使用表達示，這點非常的方便，但是設計它們的初衷是用於簡單運算的。但是在模板中放入太多的邏輯會讓模板過重且難以維護，且當你想要在模板中多次引用時，...
Vue.js how to work with this Javascript 中的 this 指向是使用情境的上下文相關， 舉例來說： <button onClick="clickH...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 元件的概念可...