Rating 元件讓使用者可以對某項目進行評分，通常以星星或其他符號來表示評分等級。Rating 元件的核心功能是提供一種直觀的方式，讓使用者針對產品、服務或內容表達他們的滿意度或偏好。它可以是靜態...
體驗 Vue.js + CSS 動效的極致奢華，讓你的圖片展示與互動感十足！ 今天，我們要一起進入一個充滿生機與趣味的世界，用 Vue.js 和 CSS 為你的網站增添一點可愛！想像一下，動物們輕...
起初建立專案的時候，系統有詢問我們是否要導入Vue Router。用了是用了，不過它實質做了什麼改變呢？今天就來一探究竟吧！ 特色 Client端路由：客端將SPA（單頁應用）中的URL和內容進行綁...
事件處理(2) 事件修飾符 在處理事件時調用 event.preventDefault() 或 event.stopPropagation() 是很常見的。儘管我們可以直接在方法內調用，但如果方法能更...
事件處理(1) 監聽事件 我們可以使用 v-on 指令 (簡寫為 @) 來監聽 DOM 事件，並在事件觸發時執行對應的 JavaScript。用法：v-on:click="handler&q...
今天最後的任務就是端出剩下的購物車UI介面，再把所有資料都串在一起！究竟Product.vue和Cart.vue兩個子組件要如何做到即時同步呢？就讓我們繼續看下去！ 加入購物車功能 前情回顧，我們已經...
在 Vue 的世界裡，@ 符號如同我們日常生活中的耳朵，隨時靈敏地捕捉著周遭的聲音。今天，就讓我們一起探索 Vue 是如何巧妙地管理 DOM 事件的吧！🎧✨ 前言沒有梗，就請語言模型寫。 備註一下...
目錄 slot 默認內容插槽 slot 具名插槽 子組件插槽傳遞參數 - 作用域插槽 slot 與 props 設計方式比較 - 以切換卡片展示型態為例 條件插槽 - $slots 動態插槽 總結...
今天來到認識另一個SOLID設計準則-開放封閉原則(OCP)，老實說寫起來比較沒把握，因為大部分的探討資源大多是針對class物件去作延展探討，或是國外以React作深入探討，比較少使用Vue當作案例...
Radio 是一種表單控制元件，通常用於使用者在一組選項中選取一個。在 UI 呈現上，通常顯示為圓形按鈕，當用戶選中時，按鈕會顯示填滿狀態，表示該選項已被選中。 Radio 設計為單選，因此可以應用...