trending: CSS 語法 元件開發與實作 動作片 JavaScript 觀念 Tana JavaScript 實作 Notion API 出版書籍 Notion 模板分享

VUE

Vue — 39 篇文章

2025

shallowRef() 和 ref() 的差別?shallowRef 真的能讓效能變好嗎?

在 Vue 3 的響應式系統裡,ref() 是最常用來管理狀態的 API,但如果你的狀態是一個結構龐大的物件,可能會帶來額外的效能開銷...

動態渲染 Vue 元件以及動態導入模組,簡化重複邏輯

最近在開發一個模組化的功能,遇到要根據不同的條件動態渲染元件的狀況,雖然使用大量的 v-if 也能解決這問題,但程式碼重複...

2024

Vue3 如何用 defineModel 實作 props / emit 的父子元件傳值,讓傳值變得更方便簡單

前言 使用 Vue.js 開發時,我們很常用到父子元件相互傳遞資料。以往我們會使用 props 和 emit 來實作這個傳遞方式,但老實...

在 Vue.js 設定多個入口網址,並顯示對應的網站標題

需求與緣起 我們公司開發了一個網站後台,當初,因為以下考量,我選擇了 Vue.js 結合 SPA 的方式來開發應用程式,而不是使...

如何在 Vue.js 中不使用 CSS 框架(ex.Element Plus ),自行寫出表格和分頁功能

前言 JavaScript 框架與 CSS 框架的相輔相成,為我們開發網站提供了許多便利性的幫助,但也許你偶爾會想著:「我們用 Vue....

使用 Element Plus 分頁處理前端的大量資料,並使用工廠函式優化程式碼

需求與描述 通常要在網站上顯示大量的資料,會由後端提供 API,其中包含頁碼的參數與欄位,讓前端可以分頁打想要的資料。 ...

2023

不重新整理網頁,讓 Vue3 強制更新當前路由並重新渲染頁面

情境 以切換使用者為例,如果我們切換了使用者,所有的權限、資料,與能看到的畫面都會有所不同。所以會從生命週期 onMoun...

Vue3 使用 watch 監聽路由變化,支援瀏覽器的上一頁 / 下一頁按鈕切換

如果選單有使用類似 active 的 class 設定樣式,那麼用瀏覽器的「上一頁」,「下一頁」功能時,該怎麼隨之切換選單的 active ...