在 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,沒問題就直接開始囉! 增刪商品數量 畫面上我們有四個商品,能各自對商品數量進行增刪的動作。我...