接觸過SPA（單頁應用）的世界後，現在來看SSR的資料我感到萬分痛苦…。我們先假想在不久後的將來，也許某天Boss說：「這個系統從SPA改成SSR」我們會想起這天含著淚研讀後的成果… ◎先說結論：原本...
在 Vue 3 中，自訂插件是一種強大且靈活的方式，可以為應用程式添加功能和擴展。不論是用於重用程式碼、提供全域組件，還是添加自訂指令，插件都能使你的 Vue 專案更加高效且可維護。本文將深入探討如何...
目錄 Prop 逐級透傳問題(Prop Drilling) Provide-Inject 基礎使用 Inject 選項屬性介紹 Provide 函數定義 - 讀取 this 上下文 結論 Pro...
本篇要介紹 SOLID 的第三個原則- Liskov Substitution Principle，里氏替換原則(LSP)，老實說相關參考討論的資源，主要是針對類別(class) 繼承時覆寫父類的行為...
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兩個子組件要如何做到即時同步呢？就讓我們繼續看下去！ 加入購物車功能 前情回顧，我們已經...