iT邦幫忙

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

技術 DAY 15 使用 Teleport API 在 Vue 3 中實現 DOM 控制

Vue 3 引入了強大的 Teleport API,它讓開發者可以輕鬆地將一部分的 DOM 結構渲染到應用中的其他位置,甚至超出 Vue 應用的根範圍。在某些情況下,像是模態窗口、工具提示、彈出式菜單...

技術 Day08 Vue.js 簡單迷人的網頁動態效果 - TransitionGroup 篇

使用 Vue <TransitionGroup> 打造出色的卡片動態效果 是否覺得網站上的卡片或列表元素看起來呆板?新增或移除元素時,總是顯得「生硬」且缺乏流暢感?想像每次卡片新增或刪除...

技術 欸你是要進 Vue 了沒? - Day9:Vue 模板語法【JS 表達式】

昨天我們講到了屬性綁定,而 Vue 也可以用「JS 表達式」來綁定數據,偶們看看故事會如何發展下去⋯⋯ 定義 官方文件:在 Vue 模板內,JavaScript 表達式可以被使用在如下場景上: 在...

技術 DAY14 Vue 3 中的表單驗證:如何實現自定義驗證邏輯

在現代 Web 應用中,表單驗證是一個非常常見且重要的需求,它確保用戶輸入的數據符合預期並能夠被系統正確處理。在 Vue 3 中,除了依賴現成的第三方表單驗證庫(如 VeeValidate 和 vue...

技術 Vue 3 用實作帶你看過核心概念 - Day 9:Class 與 Style 的樣式綁定

目錄 模板 Class 綁定樣式 Vue 響應式物件綁定模板寫法 - 通用屬性綁定物件 Vue Class 響應式物件綁定模板寫法 - Class 物件寫法 模板 Style 樣式綁定 Vue S...

技術 【Day7】輔修CSS預處理器—在Vue專案加入Sass/SCSS

學完了SCSS基本語法,馬上就是現學現賣的時間!一樣叫出我們To Do List的css表重新改寫(現在回頭來看…真是慘不忍睹) 在Vue專案加入SCSS 上網爬文了一下,Vue2之前的版本似乎是不支...

技術 Day 9: Vue監聽器的執行時機點

昨天我們接觸到watch、watchEffect,今天繼續來挖掘對Vue還不熟之前我的一些疑問,深入探討研究Vue監聽器,即便實務上已經使用的很熟悉,跟chatGPT答辯後才發現原來不只是官網,我也忽...

技術 欸你是要進 Vue 了沒? - Day8:Vue 模板語法【屬性綁定】

昨天提到了 Vue 中的模板語法 Mustache 和 v-html,今天來看看「屬性綁定」。 定義 屬性綁定可以響應式的綁定「HTML」的 id、src、class 等等屬性,使這些屬性能夠「隨著數...

技術 vue3鍊成術第八天-表單綁定(實作)

表單綁定 我們可以同時使用 v-bind 和 v-on 來在表單的輸入元素上創建雙向綁定: <input :value="text" @input="onInput...

技術 vue3鍊成術第七天-語法

今天也是語法! 屬性綁定 在 Vue 中,mustache 語法 (即雙大括號) 只能用於文本插值。為了給屬性綁定一個動態值,需要使用 v-bind 指令: <div v-bind:id=&qu...