問題回答 Vue 的 MVVM 是由 View（畫面）、ViewModel（Vue 實體）、Model（資料）組成。 由 ViewModel 把 View 和 Model 進行綁定，當其中一方更新時，...
v-on 監聽DOM並進行觸發v-on: -> 簡寫 @ v-on:click="xxx" @click="xxx" 監聽執行 JavaScript 定...
為什麼需要Vuex模組化？ 試想一個電商網站，頁面繁多，資料的部分前台會有購物車、商品、評價、促銷活動，後台部分有訂單、折扣碼、帳務等等等…眾多的資料如果都放在同一支 store，要不要個一千行？為了...
[講古時間]: 回憶過去~ 痛苦的相思忘不了~哈哈，記得剛出社會時，雖然說是張白紙，不過可能太白~ 導致處處碰壁現在就來學學框架，跟著小白一起進化吧~感覺會了框架，就 Level UP UP本系列...
參賽初衷 今年的參賽題目是「不只懂語法：Vue.js 觀念篇」。去年的這時候剛剛學 JavaScript，想不到一年後的今天又來跳坑了。 目前自己自學前端接近一年，雖然已經能夠使用 Vue.js 框架...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗分享給讀者們。 我常常在重構專案的時候...
v-for 基於數組、物件透過迭代、遍歷對前端進行渲染。 item in itemsitems: 數據源item: 元素別名index: 當前索引key: 追蹤節點的唯一值(2.2.0+ 必須綁定):...
Button Ripple Effect（原生JS版） CodePen Link: https://codepen.io/zyrxdkoz/pen/yLXgxOp 效果說明滑鼠移到button點擊，會...
v-if 條件式渲染 :true -> 渲染可使用於template標籤中 可進行斷判斷: data中的變數 方法回傳 一段判斷邏輯 v-else 需在v-if 或v-else-if後 v-...
前言 前面兩篇我們已經大約了解了 Vuex 的運作模式，所以現在讓我們來用個簡單的例子實際運用看看吧！ 初創Store 設定 Store首先我們來建立一個 store，來控制 LOADING 狀態。...