Vue3 + Vite 快速上手 Get Started EP1

初探 Vite 專案

Vite 是一個新的開發工具，旨在提供極快的冷啟動開發體驗。相較於其他開發工具，如Webpack，Vite能夠在開發模式下非常快速地啟動項目，提供了一個即時編譯的開發體驗。這使得開發人員可以更快地進行調試和測試。

Vue3 初學者應該要先知道的東西

Vue3 是 Vue.js 的最新版本。它帶來了許多改進和新功能，包括 Composition API、更好的性能和可維護性，以及更好的 TypeScript 支持。初學者應該要了解 Vue3 中的 Composition API。它是一種新的組織代碼的方式，使得代碼更具可讀性和可維護性。

剛開始寫 Composition API 會犯的錯誤

當使用 Composition API 時，有幾個常見的錯誤需要注意：

1. 忘記使用 ref 和 reactive 函數：ref 用於創建一個可變的狀態，而 reactive 用於創建一個可觀察的對象。
2. 在副作用函數中忘記使用 onMounted 或 watchEffect：onMounted 用於在組件初次渲染時執行副作用代碼，而 watchEffect 用於在依賴變化時執行副作用代碼。
3. 未正確使用 setup 函數：在 Vue3 中，組件的設置代碼應該放在 setup 函數中，並返回需要在模板中使用的東西。