聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： 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...
今天的學習會碰一點點的程式首先，先來認識 Vue 的專案結構 vite-project/ ├─ .vscode/ # 存放 VSCode 編輯器的設定檔 (非必要) ├─ nod...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 大家好！在前三天，我們學會了資料綁定、事件處理，甚至還能用 v-if 和 v-for 來動態控制畫面結構。現...
前言 在上一篇文章中，我們已經建立好 Vue 專案，並初步認識什麼是 LIFF。這一篇將進一步實作串接LINE 的登入功能，以 Vue 為主角，採用組合式 API（Composition API）的開...