在第11天，我會把所有示範專案部署到 Github Pages，因為 Github Pages 是免費且我手動部署也很簡單。 使用 Github Actions 部署到 Github Pages Vu...
目標我的最愛功能：讓使用者可以透過選單的方式，切換到「我的最愛」列表並且我們將Supabase的資料過濾LocalStorage的資料顯示在上面; 這個組件還會再分一篇講這篇主要講的是存取與過濾資料內...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！昨天我們正式踏入了 Composition API 的世界，感受到了 <sc...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！昨天我們深入探索了組件的生命週期，學會了如何掌握組件的「生老病死」。今天，我們要迎...
條件判斷 今天要學習 v-if 的用法，它依照表達式的真假值來決定是否渲染該元素 True --> 渲染 False --> 不渲染 eg. <template>...
在第10天，我們終於學習了一個關鍵的響應式概念：從現有狀態衍生新狀態。在 Vue 3 與 Angular 中，使用 computed 函數來從其他狀態創建只讀的響應式狀態。這些狀態可以是只讀或可寫的狀...
屬性的綁定 通常我們在寫網頁的時候大多直接在標籤加入 class、id 等關鍵字，但這樣的寫法其實偏向於「寫死」的概念，因此 vue 提供了一種綁定方式為 v-bind，讓我們可以用動態的方式去綁定，...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！前幾天我們學會了如何讓畫面動起來，今天我們要更進一步，學會如何掌握這些畫面上元素的...
快速導覽 watch / watchEffect 與我們的 createEffect 怎麼分工 元件重掛（keys）下避免殘留訂閱/計算節點 非同步資料的兩種落地做法 & 如何（可選）接到...
在第 9 天，我將示範在 Vue 3、SvelteKit 和 Angular 中屬性綁定（attribute binding）的範例。範例中 Save Item 按鈕會在輸入長度至少為 5 之前被禁用...