怎麼是梗圖開場 XD （來源：網路） 前幾天我們介紹了 Vue 中響應式的基礎 ref 以及 Proxy 的機制，今天直接來看另一種用法 reactive！ 由於篇幅較長，先列出摘要： 定義...
隨著網頁應用日益複雜，性能已成為一個不可忽視的問題。Vue 3 不僅帶來了新的特性和改進，還提供了各種工具來幫助開發者進行性能優化。本文將介紹 Vue 3 中的幾個主要性能優化技巧和最佳實踐，讓你的應...
昨天認識了Vue元件彼此溝通傳遞時，一定會用到的props參數，主要功能是將父組件的資料由上至下傳入子組件渲染。 不過，開發實務上比較頭疼的是，有可能在專案規模越來越大時，多人協作上比較難管控傳遞的參...
讓導航欄脫穎而出！用 Vue.js 和 GSAP 強調呼吸感的品牌互動 哈囉各位！今天我們要來搞點大動作，帶大家一起用 Vue.js 和 GSAP 打造一個超吸睛的導航欄！✨導航不再只是靜靜地躺在頁...
Emits 除了接收 props，子組件還可以向父組件觸發事件： <script setup> // 聲明觸發的事件 const emit = defineEmits(['response...
目錄 表單輸入語法糖 - v-model v-model 純文字輸入 - input type="text" & textarea v-model 單個核取方塊(che...
簡介 在現代 Web 應用開發中，隨著應用規模的增長，初始加載時間可能會變得越來越長，影響用戶體驗。本文將深入探討如何在 Vue 3 應用中實現懶加載和代碼分割，以顯著提升應用性能。我們將結合 Ty...
一開始只看到中譯想說到底為什麼要叫「生命週期鉤子」，看到Hooks…好吧。在之前的ToDoList練習還尚未學習Vue生命週期的概念，所有狀態和動作在頁面都亂亂放也沒有報錯（當然是錯誤示範）；前幾章我...
在現代網頁開發中，SSR（Server-Side Rendering，服務端渲染）是一個至關重要的技術，尤其對於 SEO 和性能優化至關重要。SSR 將部分渲染過程放在服務器端完成，生成靜態 HTML...
今天要開始進入認識Vue元件的部分，元件間的溝通是應用中非常重要的一部分，開始允許各個元件之間資料進行互動，今天來看看基礎的元件資料傳遞有那一些細節和當初沒想過的有趣案例。 今日學習重點: 1.Vue...