標籤: Vue.js 頁1
網路資源
PatternFly Elements- 收錄豐富的 Web Components，並提供 React、Vue.js 及 Angular 等熱門框架元件
PatternFly Elements 是一個收錄豐富的 Web Components，並提供 React、Vue.js 及 Angular 等熱門框架元件。
網路資源
UI5 Web Components- 豐富的 Web Components 套件庫，支援 React、Vue.js、Angular 以及 Svelte 等主流前端框架
UI5 Web Components 是一個豐富的 Web Components 套件庫，支援 React、Vue.js、Angular 以及 Svelte 等主流前端框架。
![[Web Components] Wired Elements 有趣的手寫風格 UI 元件](/assets/upload/1671415554645_0.jpg)
網路資源
[Web Components] Wired Elements 有趣的手寫風格 UI 元件
Wired Elements 是一個有著豐富元件的手繪風格 Web Components，除了原生 js 就能使用外，也支援 React、Vue.js 以及 Svelte 等框架。
網路資源
Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用
Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫，並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合，有興趣的可以參考看看方便加速網站開發。
網路資源
Awesome Cheatsheets- 好用的熱門程式語言與框架語法整理網站
Awesome Cheatsheets 是一個收錄了許多熱門程式語言與框架語法的網站，包含像 PHP、javascript、C、C#、Laravel、Django、Vue.js、Angular、React、Docker、Xcode...等，還有很多沒有提到的，如果有興趣可以前往看看自己平常在寫的程式語言，有沒有什麼沒有用過的好用語法。
![[Vue.js] 搜尋關鍵字與標注(mark, highlight)功能](/assets/upload/1583563899683_0.jpg)
教學
[Vue.js] 搜尋關鍵字與標注(mark, highlight)功能
這是一個功能需求，就是要在搜尋關鍵字的時候直接在頁面上標註(mark, highlight) 搜尋的關鍵字出來，這邊用 Vue.js 示範給大家看一下。
教學
[Vue.js] Vue3 透過 v-model 在 component 傳遞資料
當在自訂 component 使用 v-model 時，component 接收一個 modelValue 的值，然後透過觸發 update:modelValue 事件來更新該值。