Vue3

本章將探討 Vue3 的 Suspense 元件如何提升 skeleton 載入狀態的使用者體驗。 Suspend 是 Vue3 的一個內建元件，用於協調元件樹中的非同步依賴項。它可以在等待元件樹中嵌套的多個非同步依賴項解析時渲染載入狀態，…

在上一篇 在 Vue.js 建立一個 公用方法 來 移除 HTML 標籤 ，可以在文章列表中使用，以避免 HTML 標籤破壞了版面，但文章內容若有心人將 JS 放入文章裡面，就可能會造成網頁的漏洞，這時可以使用 DOMPurify 套件，…

Vuejs 有提供許多內鍵方法如: v-text、v-html 來處理 HTML 格式的文章，但有時並無法滿足版面的需求。 Vuejs 原生方法 v-html 網頁產出的版面有可能會是如下，整個版面都被破壞了。 一般方法：stripHtmlTags 在 Vue…

在 Vue 3 中撰寫「共用函數」有幾種方式，最常見的是透過 Composable（可組合函式） 的方式來實作。這是 Vue 3 中 Composition API 推出後的一個最佳實踐，用來撰寫可重用的邏輯。 基本範例：建立共用函式（Composa…