v-for 在 list 的應用 假設要顯示一個 list，又不想要寫很多的 record，此時我們就可以使用 v-for 這個語法去把我們的 data 一筆一筆地迭代出來eg. <script...
使用 JavaScript 框架的元件基礎 在第 12 天，我開始觀看 Vue School 的 Vue Component Fundamentals with the Composition API...
目標上一篇在F組件有成功抓取到localStorage並顯示在畫面上這一篇我們的目標是要解決以下問題A組件的「我的最愛」功能和F組件不同步以及新增移除功能 讓畫面更完善 最後會做一個驗證，展示從Day...
Options vs Composition 有鑑於我之前的寫法是屬於 Options 的方式，今天在看 doc 的時候發現了有 Composition 的寫法，所以想要來練習看看 Options A...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！前兩天我們深入了解了 ref 和 reactive 這對響應式數據的雙生子，它們是...
大家好！這是我參加鐵人賽的第一天文章 🎉。這次我選擇的主題是 「Vue.js + 雅思學習目標」，為什麼會把前端框架和英文考試放在一起呢？原因很簡單：一方面我想藉由實作來強化 Vue3 的使用經驗，另...
在第11天，我會把所有示範專案部署到 Github Pages，因為 Github Pages 是免費且我手動部署也很簡單。 使用 Github Actions 部署到 Github Pages Vu...
目標我的最愛功能：讓使用者可以透過選單的方式，切換到「我的最愛」列表並且我們將Supabase的資料過濾LocalStorage的資料顯示在上面; 這個組件還會再分一篇講這篇主要講的是存取與過濾資料內...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！昨天我們正式踏入了 Composition API 的世界，感受到了 <sc...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 各位 Vue 的魔法師們！昨天我們深入探索了組件的生命週期，學會了如何掌握組件的「生老病死」。今天，我們要迎...