前言:為什麼需要「中央魔島」來管理資料
到目前為止,我們的飲料系統所有資料都放在 App.vue,再一層一層傳下去(Single Source of Truth...
好的今天繼續用長期專案進度追縱的部分先來處理進度條的功能進度條會依據子任務總數和完成的子任務數呈現整個專案的進度先在<script setup>寫好...
Toast 元件是一種短暫的提示訊息,目的是讓使用者知道當前做的事情是成功還是失敗,以下來看看如何建立這個元件
基本範例
Step 1: 建立 Toast 元件...
為什麼需要 Teleport?
在 Vue 中,元件會隨著父元件渲染在 DOM 裡,但像 Modal、Notification 等等這類 UI,通常需要顯示在最...
今天的內容將延續昨天的實作內容,繼續探討 Vue 實際的應用以下實作是使用 Composition API 撰寫,將著重講解<script setup&g...
預設值注入
通常 inject 是由父層 provide ,若無則 Vue 會拋出一個 warning,此時可以在子元件定義預設的 inject 值,就算父元件...