今日目標 安裝並設定 vue-router 在卡片使用 <RouterLink> 導到 /projects/:slug 在詳情頁用 useRoute() 讀取 :slug，從本地資料...
今天加緊腳步把ProjectTracker.vue的資料也存到firebase去先處理firestore database的部分，新增一個集合來存ProjectTracker.vue的資料集合的名稱各...
Babylon.js的web專案怎麼整合前端框架? 相信對於現代的前端開發來說，更關心有更好的組織性以及較佳的擴展性和可讀性的modern web，想必很多人都會很關心BJS能不能好好的整合在前端框架...
今日目標 在 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）。有時候要去「點餐之塔」下訂單，有時候要前往「結算之室」檢視總金額，甚至還可能需要直接打開某篇卷軸（文章頁）...