iT邦幫忙

vue學習筆記相關文章
共有 406 則文章

技術 Day13 - DataTable(3)-Expend Table

接續昨日表格部分,今天進行 DataTable(3) - Expand Table 的實作,進一步優化表格果,讓表格的每一列可以展開更多的資訊。 別忘了,今日心...

技術 Day04 - Layout-Sidebar 側邊攔

今天來做 sidebar 側邊攔,Layout 三大元素之一。 先給自己一句心靈雞湯~ Believe that every step you take is...

技術 Day24 - Tab 頁籤

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

鐵人賽 Vue.js DAY 3

技術 從入門到入土一條龍Vue.js Day03-基礎系列之數據綁定

Vue.js基礎之數據綁定 數據綁定是Vue的核心功能之一,允許我們建立視圖(模板)與數據之間的關聯。當數據發生變化時,視圖會自動更新,反之亦然。 開新專案(步...

技術 Day21- Editor 編輯器

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

鐵人賽 Vue.js DAY 1
Vue3歡樂套件箱耶 系列 第 1

技術 開箱1:Vue3套件歡樂箱耶_參賽前言

系列總回顧 https://ithelp.ithome.com.tw/articles/10339831 睽違兩年姐姐再度登場拉!看到很多前輩說每年都不想參...

技術 Day20-Carousel 輪撥圖

歡迎來到第20天,每天一點一滴努力,記錄自己的成長... You don’t have time to be timid.人生沒有時間膽怯。 一般網站適用組...

鐵人賽 Vue.js DAY 4

技術 從入門到入土一條龍Vue.js Day04-基礎系列之Vue組件系統

什麼是組件? 在 Vue 中,組件可以被看作是一個可重用的 Vue 實例,帶有名稱。它們和常規的 Vue 實例很相似,只是它們用於定義可重用的代碼塊。組件是構建...

鐵人賽 Vue.js DAY 7

技術 從入門到入土一條龍Vue.js Day07- To Do List(構思)

待辦清單 待辦清單是每位工程師入門程式語言時都會碰到的經典專案。透過這個簡單卻具代表性的應用,可以很直觀地評估和鞏固一個人對於某種語言或框架的掌握程度。不僅如此...

技術 Day09 - Form系(2) 選單系列 DropDown、Multitle

Victory won't come to me unless I go to it.勝利是不會向我們走來的,我必須自己走向勝利。 在上一篇中,我們探討了表...

鐵人賽 JavaScript DAY 1

技術 D-01 目錄簡介

先來做一點自我介紹吧,我是白色的白,有一個交往十年以上,並且論及婚嫁的日本女友叫做程世社季子,嗯…怎麼說好呢,自從隔壁的鱈魚介紹 VueUse 給她認識後,她...

鐵人賽 Vue.js DAY 12

技術 從入門到入土一條龍Vue.js Day12 - Mixins

什麼是Mixins? Mixins 是 Vue.js 中用來封裝重用的功能的一種方式。當你發現多個組件有共用的邏輯,但卻不適合使用組件繼承或其他方法時,可以使用...

技術 Day26 - Tooltip 工具提示

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

技術 Day18- Modal 彈窗視圖

Modal 就是"彈窗視圖"適用情境:顯示詳細信息、流程引導等等。 今日送給自己一句話~ Spend your life in your...

技術 Navigation Guards 導航守衛

前言本來看了看以為自己懂了,用法也跟Lifecycle hooks差不多,覺得好像沒什麼好說的,打算跳過導航守衛,但今天一早起床,試著在腦海回想解釋給自己聽,...

鐵人賽 Vue.js DAY 8

技術 從入門到入土一條龍Vue.js Day08- To Do List(實做)

template 輸入和添加 v-model綁定input的數據,裡面的字顯示新增待辦,也加上enter和按鈕觸發事件 待辦列表 v-for渲染我們的filte...

鐵人賽 Vue.js DAY 11

技術 從入門到入土一條龍Vue.js Day11-Vuex狀態管理

什麼是Vuex? 當我們的應用越來越複雜,並且多個組件需要共享相同的狀態時,這時我們需要一個集中式的狀態管理。Vuex 就是為此而生,它為我們提供了一個集中管理...

技術 Day12 - DataTable(2)-Default Table

今天進入 DataTable 系列的第二篇,這次要實作一個產品目錄表單,並進一步探討 PrimeVue DataTable 的排序 (sort) 和篩選 (fi...

技術 Day29 - Timeline 時間線

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

技術 Day05- PrimeVue layout 佈局

恩,開始走400公尺了... It's up to you how far you'll go.能走多遠取決於你自己。 在前天的學習中,已經熟悉了 Side...

技術 Day17-watermark 浮水印(Primevue番外篇)

今日主題 primevue番外篇-控制浮水印。 PrimeVue並沒有 浮水印套件,浮水印利用別的套件呈現,利用primvue元件來控制字體大小和內容等。 這次...

技術 Day15 -步驟條 Stepper

今日學習目標:步驟條(Stepper),是一個常用於引導用戶完成多步驟流程的組件。步驟條可以清晰地指示當前的進度,讓用戶了解自己處於哪一個步驟,提升用戶體驗。...

技術 Day28 - OverlayPanel 彈出面板

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

鐵人賽 Vue.js DAY 5

技術 從入門到入土一條龍Vue.js Day05-指令進階用法(一)

Vue指令進階 在第三天我們說明了數據綁定的方法,分別是{{}}動態數據,v-bind屬性綁定和v-model表單數據綁定。除了前面的之外還有很多其他的指令,今...

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

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

鐵人賽 Vue.js DAY 9

技術 從入門到入土一條龍Vue.js Day09- Vue Router 的使用

Vue Router Vue Router 是官方的路由管理器,允許我們建立單頁應用(SPA)。隨著 Vue 應用不斷增長,我們需要的不只是基礎功能,還有如何管...

技術 Day14 - Toast 訊息提示

今日介紹 PrimeVue 的 Toast 組件實現這類即時通知。適用情境:當雙11等大促期間,網購平台的用戶點擊心儀的商品時,系統可以彈出提示訊息,提醒用戶商...

技術 Day10 - Form系(3) Checkbox、Chips

今天是第10天的學習,讓我們繼續探索 PrimeVue 中的小元件。今天要探討的是 Checkbox 和 Chips,這兩個元件在用戶輸入和標籤管理中非常常用,...

技術 Day16- PickList 雙列表

今天要來做 PickList 元件,適用於場景資料分類和篩選、預約系統等。 元件庫要加點難度了... No cross, no crown.不經歷風雨,怎麼遇...

技術 Day08- Forms(1)系列- Text-filed、switchButton

開始進入PrimeVue 元件撰寫,這次的目標是建立基本的表單元件。Form 表單是應用程式中最常見的互動介面之一,特別是在用戶輸入資料的情況下,例如註冊頁面、...