iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

深入探索PrimeVue 套件及元件寫法 系列

Vue 是一個漸進式的 JavaScript 框架,靈活性和高效的元件化設計,成為了前端開發者的熱門選擇。在這篇系列文章中,我們將深入探討如何使用 Vue 開發 UI 元件,以及 Vue 中元件寫法的基礎知識和實踐技巧。

參賽天數 3 天 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 2

Day21- Editor 編輯器

今天來做編輯器 Editor,PrimeVue 的 Editor 的組件,它是基於 Quill 編輯器構建的。Quill 是一個功能強大的富文本編輯器,支持多種...

DAY 2

Day22 -Accordion 手風琴

Make each day your masterpiece.讓每一天成為你的傑作。 Accordion 名為可折疊的面板,根據用戶的操作展開或折疊。 適用...

DAY 2

Day23-Chart.js 圖表

Travel far enough you meet yourself.走得足夠遠,你就會遇上自己。 primeVue UI 套件真的很強大,也出 圖表Ch...

DAY 2

Day24 - Tab 頁籤

Light tomorrow with today.用現在點亮未來。 今天的任務要做一個 Tab component,最主要作用為使用者可以在不同標籤間切換...

DAY 2

Day25 - Breadcrumb 麵包屑導航

Breadcrumb (麵包屑導航) 元件。它們展示了如何透過麵包屑來顯示網站的導航路徑。每段代碼展示了不同的方式來自定義麵包屑的顯示和行為。 The sho...

DAY 2

Day26 - Tooltip 工具提示

Tooltip(工具提示)顯示一個簡短的文本提示,將滑鼠懸停在輸入框(InputText)上時,會彈出提示框。 Difficult circumstances...

DAY 3

Day27 - ProgressBar 進度條

很開心,已經堅持第27天... Experience is the mother of wisdom.經驗為智慧之母。/ 不經一事,不長一智。 PrimeV...

DAY 3

Day28 - OverlayPanel 彈出面板

快要登頂了... 千萬別放棄! Where there’s a will, there’s a way.有志者事竟成。 倒數2天,就可以完成 30篇~今日要...

DAY 3

Day29 - Timeline 時間線

歡迎來到倒數第2天.. Actions speak louder than words.坐而言不如起而行。 / 行動勝於言語。 PrimeVue 提供了Ti...

DAY 3

Day30 - 攻頂之旅:PrimeVue 全元件掌握與未來展望

經歷了30天挑戰與探索,終於成功地掌握了 PrimeVue 的所有核心元件! reach the summit攻頂 這場 PrimeVue 之旅不僅讓我們熟...