今日目標 在 src/data/ 準備 skills / projects 資料 用 ref/readonly 管理資料，v-for 產生清單 使用 v-model + computed 做「分類...
前言 在第 1–14 天，我們把「點餐術」練到能下單、驗證、統計，還會和伺服器對話。但真正的產品，還需要清晰的入口與可分享的路徑——這就是 Vue Router 的舞台。 今天，我們把系統切分為三個「...
生命週期是什麼 每一個元件都有自己的生命週期（Lifecycle），當元件被建立、掛載到畫面、資料變化、最後被移除時，Vue 都會在這些階段呼叫特定的 hooks，而我們就能在這些 hook 裡撰寫程...
今天繼續將後端資料庫firebase跟vue專案做整合先提一下我昨天遇到的紅色標字這是 ESLint 提示 app 沒有被用到。因為現在只有initializeApp(firebaseConfig)，...
好的前兩天在使用LocalStorage來存資料，今天來看看如何建立後端資料庫，我是使用firebase，其一是之前有稍微接觸過(是很淺的接觸，時間還很久遠，順便當複習)，當然還包含其他優勢考量，但今...
在前一篇，我們已經示範了如何在 Angular 中套用自訂元件。這一篇，我們要來看看如何在 Vue 中使用自訂元件。 在 Vue 使用自訂元件建立會員註冊表單 那麼今天，我們就在 Vue 中加入一個登...
一、需求分析：為什麼需要傳送門？ 在魔法學院裡，巫師們不可能永遠只待在大廳（App.vue）。有時候要去「點餐之塔」下訂單，有時候要前往「結算之室」檢視總金額，甚至還可能需要直接打開某篇卷軸（文章頁）...
今日目標 用 Vite + Vue + TypeScript 建立新專案 認識 Vue 專案的基本結構與單檔元件 SFC (.vue) 把 Day 6 的 HTML/CSS 先搬進 Vue（切成基...
我們今天要學習的是 Vue 內建的 <transition> 元件，它能讓你的元素或元件在進入（enter）與離開（leave）時，加上漂亮的動畫效果 ✨。 學習重點 1.什麼是過場效果（...
今天將會運用到前幾日所學到的內容，並開始為專案增加資料庫的存取功能！那麼就讓我們直接開始今日的內容吧！ 建立表格 table 現階段為了方便測試，所以先在 local 建立檔案，到未來筆者將會改使用...