系列文章
DAY 2
DAY2 Vue簡介
Vue.js 是一個漸進式的 JavaScript 框架，主要用於構建用戶界面。它由尤雨溪（Evan You）於 2014 年創立，經過數年的發展，已成為全球最...
DAY 3
DAY3 Vue安裝教學
在本地安裝與配置 Vue 3 開發環境是學習和使用 Vue 3 的第一步。這篇文章將詳細介紹如何在本地機器上安裝 Vue 3，並提供步驟來配置一個完整的開發環境...
DAY 4
DAY4 Vue專案結構介紹
一個典型的 Vue 專案結構由多個文件和文件夾組成，它們一起定義了應用的組件、路由、狀態管理、樣式等。Vue 3 使用 Vue CLI 或 Vite 等工具來生...
DAY 5
DAY5 <script setup>是什麼
在 Vue 3 中，你可能會看到有些 .vue 文件的 部分使用了 setup，這是因為 Vue 3 引入了一個新的組件編寫方式，叫做 Composition...
DAY 6
DAY7 Vue Composition API 和Options API 差異
Composition API 和 Options API 是 Vue.js 中兩種構建組件邏輯的方式，它們在組織和管理代碼上有所不同。Vue 2 引入了 Op...
DAY 7
DAY6 使用 Composition API：Vue 3 的新特性
Vue 3 引入了一個強大的新功能——Composition API，這是 Vue 3 其中一個最令人矚目的改變。相比於 Vue 2 的 Options API...
DAY 8
DAY8 Template 基礎：如何在 Vue 3 中創建動態 UI
Vue 3 的模板語法是構建用戶界面的核心之一，它使得開發者可以使用簡單的 HTML 語法來定義動態的 UI。在這篇文章中，我們將深入探討如何使用 Vue 3...
DAY 9
DAY9 Vue 3 的響應式系統：從 ref 到 reactive 的轉變
Vue 3 帶來了一個全新的響應式系統，這是它最引人注目的改進之一。這個新的響應式系統極大地提升了應用性能，並使得開發者在編寫代碼時更加靈活且直觀。這篇文章將深...
DAY 10
DAY10 深入理解 Vue 3 的生命周期鉤子
在 Vue 3 中，生命周期鉤子是一個重要的概念，讓開發者能夠在不同階段對組件進行操作。這些鉤子函數會在 Vue 組件的不同生命週期階段被調用，這使得開發者可以...