iT邦幫忙

搜尋 vue 找到約 2775 個結果
在google中搜尋

技術 Day 21: SOLID - 單一職責原則(SRP) 和 Vue的元件開發

感謝大家陪伴來到最後的10天,不管有沒有參賽,能走到這裡真的非常不容易!希望最後這段時間,我能帶給大家一點不同的程式設計上面的思維,雖然看起來可能跟要原本要介紹的 Vue 框架可能較沒直接關係~~~。...

技術 [為你自己寫 Vue Component] AtomicSwitch

開關(Switch)是用來表示 on 或 off 狀態的元件。它與 Checkbox 相似,但不同於 Checkbox 允許實現第三種中間狀態的選項,Switch 更強調在兩種狀態之間切換。 此外,...

技術 Vue 3 用實作帶你看過核心概念 - Day 20:組件使用 v-model 雙向綁定

目錄 組件 v-model 前原理說明 父組件透過 v-model 與子組件雙向綁定數據 子組件透過計算屬性實現 v-model 雙向綁定 組件 v-model 多參數傳值使用 組件 v-mode...

技術 Day19 Vue.js 動效分類實戰 (11) 進階背景特輯 - 用 GSAP 打造你的專屬海洋世界

結合動態背景與滾動效果,打造前所未有的海洋深處互動體驗 在這個數位時代,誰說網頁設計只能是靜態的?想像一下你的頁面不再只是一片白板,而是變成了一個充滿生命力的海洋世界——魚兒在你滾動頁面時悠游自在...

技術 [ DAY24 ] Nuxt3 魔法教室:Vue 語法速成班

嗨大家好!今天我們要來學習 Nuxt3 中一些超實用的 Vue 語法。就算你是 Vue 新手,看完這篇文章也能快速上手喔!讓我們一起來認識這些前端魔法吧! 條件渲染:v-if 和 v-show 這兩個...

技術 vue3鍊成術第二十天-列表渲染(1)

列表渲染(1) v-for 我們可以使用 v-for 指令基於一個數組來渲染一個列表。v-for 指令的值需要使用 item in items 形式的特殊語法,其中 items 是源數據的數組,而 i...

技術 vue3鍊成術第十九天-Class 與 Style 綁定(2)

Class 與 Style 綁定(2) 綁定內聯樣式 綁定對象:style 支持綁定 JavaScript 對象值,對應的是 HTML 元素的 style 屬性: const activeColor...

技術 【Day18】Vue的分組報告—實作購物車(上)

對於基礎觀念和常用功能我們都有一定程度的概念了,最重要還是如何活用這些技術。今天的練習是購物車實作,試著先不參考網路範例…看看是否能順利寫出來吧! ◎題外話:在學Vue之前,其實我也都沒寫過這些常用範...

技術 Day 20: Vue - 依賴注入模式(provide/inject) 和 pinia 使用介紹

在前面的章節當中我們應該對元件props/emits有一定掌握,不過在Vue中元件間的關係可能不只有上下層父子關係,在元件粒度切分比較細時,會有事件或參數(props)傳遞較多層的問題,就會形成pro...

技術 現在很流行的VUE

https://laihao2.com/Home/Contact20 ASP.NET開發操作流程:資料表設定好>再寫程式:加入資料庫>串聯資料庫>產生Models裡面類別檔dao&g...