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 的魔法師們！昨天我們深入探索了組件的生命週期，學會了如何掌握組件的「生老病死」。今天，我們要迎...
條件判斷 今天要學習 v-if 的用法，它依照表達式的真假值來決定是否渲染該元素 True --> 渲染 False --> 不渲染 eg. <template>...
在第10天，我們終於學習了一個關鍵的響應式概念：從現有狀態衍生新狀態。在 Vue 3 與 Angular 中，使用 computed 函數來從其他狀態創建只讀的響應式狀態。這些狀態可以是只讀或可寫的狀...
屬性的綁定 通常我們在寫網頁的時候大多直接在標籤加入 class、id 等關鍵字，但這樣的寫法其實偏向於「寫死」的概念，因此 vue 提供了一種綁定方式為 v-bind，讓我們可以用動態的方式去綁定，...