條件判斷 今天要學習 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 之前被禁用...
目標Template放上區塊後將處理好後的資料套用上去並調整區塊背景、文字顏色等樣式的細節 步驟1敵人資訊會以每一個關卡(Stage)呈現每一個關卡的資訊可以摺疊或展開顯示所以這邊我們借用Bootst...
補充上一篇 App.vue 是可以有多個 instance 的首先到 index.html 放兩個 app <html lang="en"> <head>...
前言 在 Vue 專案開發中，可能有遇過這些痛點——網站需要做 SEO，但傳統 SPA 無法有效動態渲染 meta 標籤；或是與後端 API 整合時，缺乏一致性的資料流處理，導致 auth 驗證、中介...
在第8天，我將示範 Vue 3、SvelteKit 與 Angular 如何執行動態的 CSS 類別與樣式綁定。展示中包含 CSS 類別綁定與樣式綁定的範例。當一個項目已購買時，會套用刪除線（stri...