聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 今年，再次挑戰自我！ 也謝謝我的好朋友，邀請我繼續參加這場「攀登技術頂峰」的旅程——雖然山頂看似遙不可及，但...
目標上一篇已經顯示了活動一覽列表這次要顯示副本資訊當點擊活動一覽的圖案時會在底下顯示該活動的所有副本 由於內容篇幅過長 這部分會分成兩篇解說第一篇將資料由B組件傳給父組件第二篇將資料由父組件傳給C組件...
前言 在這篇文章中，我們將介紹 Vue 提供的兩種 API 風格：選項式（Options API）與組合式（Composition API），這兩種寫法會影響開發時處理邏輯的方式，也會左右整體程式架構...
目標昨天連接上Supabase，並開啟資料表讀取權限傳回資料今天要將連接API的語法稍微改寫因為想修改成只讀取一次資料庫讓資料能同時運用在B與C組件這篇也會帶到Computed用法最後補上圖片檔案，做...
前言 接下來我們會開始建立 Nuxt 專案，Nuxt 是不需付費的開源框架基於 Vue.js 打造，能用來開發安全、快速且適合正式上線使用的網頁應用程式和網站。——參考來源 Nuxt 官方文件Nux...
清單渲染與刪除按鈕 今天我要示範如何渲染一個項目清單。每列還會有一個刪除按鈕，可以從清單中刪除項目。當清單更新後，模板會反應性地重新渲染清單。 新增了一個 Item 類型，所有應用共用。每個項目有 I...
前言 在前面的篇章中，分享到如何透過 AI 工具快速生成前端程式碼，使用 V0 將 Figma 設計稿轉換為 Vue + Tailwind 的畫面架構。如果有興趣可以回頭參考第九篇。 不過還是想來分享...
目標依照線稿設計，將畫面做切割使網站由至少5個組件(Component)組成 步驟1.回到線稿0.1A、0.1B原先需求是 按下活動一覽時 會出現活動一覽和副本一覽 按下條件查詢時 會隱藏活動一覽和...
前言 到這裡，我們已經順利完成「註冊功能」設計的部份，為自己鼓掌👏！在這個 AI 盛行的年代，想分享如何運用 AI 透過自然語言輸入，或是直接匯入設計稿，快速生成對應的前端介面。 簡單來說，它能做到的...
開發環境配置 IDE: VS Code 基本Plugin: Vue 格式化Plugin: Prettier 建立專案 建立Vue指令npm create vue@latest <my-ap...