iT邦幫忙

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

技術 Vue 3 用實作帶你看過核心概念 - Day 19:子組件向父組件發射事件 - emits

目錄 子組件將值透過事件發送回傳父組件 - 基本用法 emits 聲明驗證方式 emits 多參數驗證方式 結論 子組件將值透過事件發送回傳父組件 - 基本用法 組件可以通過$emit(fun...

技術 欸你是要進 Vue 了沒? - Day19:Vue 條件渲染家族 v-if、v-else-if、v-else、v-show

今天我們進入「條件渲染」的章節囉~將分為兩部分講解: v-if、v-else-if、v-else v-show OK,請開始我的表演。 定義 Vue 的條件渲染提供了「v-if、v-el...

技術 DAY25 如何在 Vue 中管理錯誤處理

在 Vue.js 應用程序中,錯誤處理是一個重要的部分,因為它不僅影響用戶體驗,還能提升應用的穩定性。Vue.js 提供了多種錯誤處理機制,讓開發者能夠有效地捕獲和處理各種異常狀況,無論是在組件內部、...

技術 DAY24 Nuxt.js:基於 Vue 的全棧框架介紹

Nuxt.js 是一個基於 Vue.js 的開源框架,旨在簡化構建服務端渲染 (Server-Side Rendering, SSR) 和靜態網站生成的過程。它通過封裝和擴展 Vue.js 的能力,讓...

技術 Day 19: Vue - 組合式邏輯概念 (Vue composable concept)

昨天複習了工廠函式,今天來連結到Vue滿常見的設計模式-組合式邏輯(Composable)。 Composable 是一個相對通俗的概念,通常指的是可以在多個元件之間重複使用的邏輯模塊,並且結合了 V...

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

下拉選單(Select)在表單操作中非常常見。使用下拉選單可以在有限的空間內顯示大量選項,透過點擊來展開選單,使用者可以輕鬆瀏覽並選擇其中一個或多個選項。無論是在註冊表單還是搜尋篩選,下拉選單都是非...

技術 【Day16】Vue超簡單實現元素拖曳效果—應用To Do List

這幾天風暴式重新閱讀了好多Vue官方文件(真怕會消化不良),今天來講點比較有趣的效果吧!而且超簡單的就能實現在ToDoList上的~就是 「元素拖曳!」 ,做完之後感覺 Array 真是好用呀! dr...

技術 Day17 Vue.js 動效分類實戰 (9) 萌兔吹泡泡特輯 - 顛覆等待的互動視覺體驗

用兔子吹泡泡動畫驚豔你的訪客,刷新等待體驗 你是否曾經因為網站載入速度太慢而感到焦慮? 在現代網站開發中,等待通常是訪客戶最不喜歡的環節。如何讓使用者在等待的過程中感到愉悅,是每位開發者都需要考慮...

技術 Vue 3 用實作帶你看過核心概念 - Day 18:父組件向子組件傳值 - props

目錄 props 基本用法 props 單向資料流 - 組件之間的溝通方式 props 子組件應用情境說明 props 傳值類型 - 靜態傳值 vs 動態傳值 props 多參數傳遞的方式 pro...

技術 DAY23 Vue 3 的異步組件和懶加載技術

在 Vue 3 中,異步組件和懶加載技術是提升前端應用效能和優化用戶體驗的兩個重要工具。這些技術允許開發者按需載入部分組件,減少初次加載時間,並提升整體的應用性能。本文將深入介紹 Vue 3 的異步組...