在 Vue 的世界裡，@ 符號如同我們日常生活中的耳朵，隨時靈敏地捕捉著周遭的聲音。今天，就讓我們一起探索 Vue 是如何巧妙地管理 DOM 事件的吧！🎧✨ 前言沒有梗，就請語言模型寫。 備註一下...
目錄 slot 默認內容插槽 slot 具名插槽 子組件插槽傳遞參數 - 作用域插槽 slot 與 props 設計方式比較 - 以切換卡片展示型態為例 條件插槽 - $slots 動態插槽 總結...
今天來到認識另一個SOLID設計準則-開放封閉原則(OCP)，老實說寫起來比較沒把握，因為大部分的探討資源大多是針對class物件去作延展探討，或是國外以React作深入探討，比較少使用Vue當作案例...
Radio 是一種表單控制元件，通常用於使用者在一組選項中選取一個。在 UI 呈現上，通常顯示為圓形按鈕，當用戶選中時，按鈕會顯示填滿狀態，表示該選項已被選中。 Radio 設計為單選，因此可以應用...
列表渲染(2) 通過 key 管理狀態 Vue 默認按照“就地更新”的策略來更新通過 v-for 渲染的元素列表。當數據項的順序改變時，Vue 不會隨之移動 DOM 元素的順序，而是就地更新每個元素，...
在 Vue 3 中，單元測試（Unit Testing）和端到端測試（End-to-End Testing, E2E）是提升代碼質量和確保應用穩定性的重要工具。單元測試著重於驗證單個元件或函數的功能，...
讓你的品牌圖像不再只是靜態，打造充滿創意與互動的專屬視覺盛宴 你有沒有想過，讓你心愛的品牌 logo 或圖片不只是乖乖躺在頁面上，而是像魔法一樣，飛散、組合，最後化身為獨一無二的動態文字呢？🤩 今...
哈囉搭家，在昨天我們講到了列表渲染的用法 v-for，今天會來認識 key 這個屬性、Vue 的渲染模式「虛擬 DOM」以及 v-for 搭配 method 的一些特性和技巧。 先給個！今天會提到的...
目錄 單根節點透傳屬性基礎應用 多根節點屬性繼承方式 深層子組件透傳方式 總結 單根節點透傳屬性基礎應用 當父組件向子組件傳遞屬性或監聽器，而這些屬性未在子組件中定義為props或emits時...
馬上來接續昨天的進度！我們刻好商品SFC、也測試父組件傳遞資料顯示正常，今天來處理商品數量和購物車icon，沒問題就直接開始囉！ 增刪商品數量 畫面上我們有四個商品，能各自對商品數量進行增刪的動作。我...