Yidti
1 位追蹤者
全部內容
由新到舊
Vue 提供了多種動畫技術來提升應用程式的互動性，包括基於 CSS 類別的動畫、基於狀態的動畫，以及使用監視器來動畫化數值。基於類別的動畫可通過動態添加 CSS 類別來觸發，像是觸發按鈕搖動效果。基於狀態的動畫則是透過樣式綁定，根據互動動態調整元素的外觀，例如根據滑鼠位置改變背景顏色。
Web Components 是一組網頁原生 API，允許開發者創建可重複使用的自訂元素。Vue 與 Web Components 是互補的技術，Vue 支援整合和創建自訂元素。
Vue 建議使用模板構建應用程式，但在需要 JavaScript 的全程式化功能時，渲染函數可派上用場。渲染函數通過 h() 函數創建 vnode，h 是 hyperscript 的簡寫，能生成 HTML 的 JavaScript。
Vue 渲染機制使用虛擬 DOM 將模板轉換為實際的 DOM 節點，並高效地更新這些節點。虛擬 DOM 是 UI 的內存表示，與真實 DOM 同步。渲染過程分為編譯、掛載和修補三個步驟。編譯將模板轉為渲染函數，掛載遍歷虛擬 DOM 樹並構建真實 DOM 樹，修補則比較新舊虛擬 DOM 樹並應用變更。
Vue 的反應性系統利用了 JavaScript 的 Proxy 和 getter/setter 機制，使得對物件屬性的變更能夠自動觸發視圖更新。這種無侵入性的設計使得狀態管理變得簡單且直觀，無需手動同步視圖。反應性的核心在於追蹤依賴項和觸發副作用。
Composition API 是 Vue 3 的一組 API，允許使用導入的函數編寫 Vue 組件，涵蓋反應性 API、生命週期鉤子和依賴注入。它主要在單文件組件的 <script setup> 語法中使用。
謝謝您的分享❤️
Vue 是一個靈活且可逐步採用的框架，適用於不同使用情境以平衡技術棧複雜度、開發者體驗和最終性能。Vue 可以作為獨立腳本文件使用，不需構建步驟，適合簡單前端邏輯。也可用來構建標準 Web 組件，嵌入到任何 HTML 頁面中。對於需要豐富互動性的應用，可構建單頁應用程式 (SPA)。
項目 API 涉及整體應用的全局屬性及配置，通常透過 TypeScript 的模組擴充來增強全局屬性，如 app.config.globalProperties。
在使用 Vue 組件 API 和 TypeScript 的開發中，通常會遇到類型錯誤和需要 debug 的情況。組件 API 下的 TypeScript 提供了更強的型別檢查和類型推斷功能，這有助於減少錯誤。
使用 TypeScript 開發 Vue 的好處包括：靜態類型檢查可減少運行時錯誤，提升代碼重構的安全性。TypeScript 提供更好的開發體驗，因為 IDE 支持類型自動完成功能。
