tag Vue

標籤
貢獻84
185
06:40 AM · Nov 15 ,2025
u_16565975 頭像 u_16017771 頭像 xiongod 頭像 u_17072679 頭像 Itstars 頭像 u_9849794 頭像 u_15295225 頭像 u_16099255 頭像 u_15967048 頭像 u_16099326 頭像 u_15912723 頭像 u_15469972 頭像

@Vue / 博客 RSS 訂閱

u_16099316 頭像

數據探索先鋒 - Vue.js 無限滾動列表性能優化方案 - 李中凱的個人空間 -

還在為Element UI表格加載大量數據時頁面卡頓而煩惱嗎？Vue滾動加載表格技術正是為你量身打造的解決方案。本文將帶你深入瞭解如何使用el-table-infinite-scroll組件，輕鬆應對大數據量表格處理的前端性能優化挑戰。 📊 大數據量表格的常見痛點 當你需要展示成千上萬條數據時，傳統的一次性加載方式會帶來嚴重的性能問題： 頁面

加載 , Vue , 大數據量 , 前端開發 , Javascript

收藏 評論

u_16017771 頭像

wangfang呀 - Vue 基礎語法到底有多香？你以為只是“寫點 HTML”那麼簡單？

哈嘍，各位小夥伴，歡迎來到我是wangfang呀的博客！我是我是wangfang呀，雖然還在編程的“菜鳥”階段，但我已經迫不及待地想和大家分享我一路上踩過的坑和學到的小技巧。如果你也曾為bug頭疼，那麼你來對地方了！今天的內容希望能夠給大家帶來一些靈感和幫助。 前言   很多人一看 Vue，感覺無非就是標籤上多了點花裏胡哨的東西。但真上手，才發現—— 什麼？標籤不用

生命週期 , Vue , 後端開發 , JAVA , HTML

收藏 評論

u_16565975 頭像

計算機專業指導老師 - 基於VUE的在線音樂網站[VUE]-計算機畢業設計源碼+LW文檔

摘要：隨着互聯網技術的迅猛發展和人們對精神文化需求的不斷提升，在線音樂網站成為了人們獲取音樂資源的重要平台。本文基於Vue.js框架設計並實現了一個功能較為全面的在線音樂網站。文章詳細闡述了系統的需求分析、技術選型、架構設計以及各個功能模塊的具體實現過程。該網站實現了用户管理、歌手管理、歌曲管理、歌單管理等功能，旨在為用户提供便捷、高效的音樂服務，滿足不同用户對音樂的多樣化需求。

軟件研發 , 數據 , 搜索 , Vue

收藏 評論

u_15295225 頭像

搖滾俠 - Vue 項目實戰《尚醫通》，預約掛號就診人組件搭建上，筆記40

Vue 項目實戰《尚醫通》，預約掛號就診人組件搭建上，筆記40 一、參考資料 預約掛號就診人組件搭建上 🔗 二、筆記總結

vue.js , redis , Vue , 數據庫 , 筆記 , 前端 , Javascript

收藏 評論

u_17579628 頭像

mb69129985e0f10 - 從0到1搭建實時日誌監控系統：基於WebSocket + Elasticsearch的實戰方案

1. 背景與痛點 在開發分佈式系統時，日誌分散在多個服務節點中，傳統輪詢查詢方式存在延遲高、資源浪費的問題。某次線上故障中，因未能實時發現錯誤日誌，導致問題排查時間延長2小時。因此，決定自研一套低成本、實時性高的日誌監控系統。 2. 技術選型 數據存儲：Elasticsearch（高效檢索與聚合）

redis , elastic , Vue , 數據庫 , Json

收藏 評論

u_17313892 頭像

愛吃啤酒味豬蹄 - Vue 的經典設計模式

Vue 框架的設計和實現融合了多種經典設計模式，不同版本（Vue2/Vue3）在模式應用上略有差異，但核心模式的底層邏輯一致。以下是 Vue 中最核心、最常用的設計模式，結合應用場景和源碼層面的體現逐一説明： 一、核心設計模式（高頻） 1. 觀察者模式（Observer Pattern）+ 發佈-訂閲模式（Publish-Subscribe Pattern） 這

設計模式 , Vue , 前端開發 , Javascript

收藏 評論

xiongod 頭像

xiongood - Vue 中 v-if 與 v-show 的使用方法與區別

Vue 中 v-if 與 v-show 的使用方法與區別 在 Vue 中，v-if 和 v-show 是兩個用於控制元素顯示與隱藏的核心指令，就像給元素裝了 “開關”，但兩者的 “開關邏輯” 和適用場景截然不同。掌握它們的用法和區別，能讓我們更合理地控制 DOM 顯示，提升頁面性能。 一、基礎用法 1. v-if：條件渲染（動態創建 / 銷燬 DOM） v-if 是 “條

動態創建 , Vue , 後端開發 , JAVA , Css

收藏 評論

u_16099192 頭像

架構魔法之光 - js katex的renderMathInElement無效

剛才翻了一下博客，才發現，距離自己寫的第一篇Vue的博客vue.js之綁定class和style(2016-10-30)已經過去一年零兩天。這一年裏，自己從船廠的普通技術員，成為了一個微型不靠譜創業公司的普通碼農。發過一次燒，搬了兩次家，沒攢下什麼錢。好，牢騷發到這裏，接下來談談傳説中接近Vue底層的api==render函數。 一枚硬幣的兩面 很久很久以前，前端的數

機器學習 , 字符串 , Vue , 人工智能 , 官網

收藏 評論

u_16213561 頭像

技術極客俠 - ruoyi框架 對接 EMQX

Vuex是一個專為Vue服務，用於管理頁面數據狀態、提供統一數據操作的生態系統。它集中於MVC模式中的Model層，規定所有的數據操作必須通過action - mutation - state change的流程來進行，再結合Vue的數據視圖雙向綁定特性來實現頁面的展示更新。統一的頁面狀態管理以及操作處理，可以讓複雜的組件交互變得簡單清晰，同時可在調試模式下進行時光機般的

機器學習 , 數據 , 初始化 , Vue , ruoyi框架 對接 EMQX , 人工智能

收藏 評論

u_13479 頭像

jkfox - jQuery、vue和react的對比及選型考慮

為什麼現代框架（React / Vue）比 jQuery 更強？ jQuery 本質上是 DOM 操作工具庫， React 和 Vue 是 組件化 + 響應式 + 聲明式 UI 框架。 差別是“級別不同”。 1. 開發思想完全不同：聲明式 VS 命令式 jQuery：命令式 你要告訴瀏覽器每一步怎麼改 DOM $('

Vue , 組件化 , Css , jquery , 前端開發 , HTML

收藏 評論

u_17072679 頭像

前端小巷子 - 深入 Vue 的 nextTick

深入 Vue 的 nextTick 在初學 Vue 時，我們經常會遇到這樣的困惑：數據明明已經改了，可頁面卻沒立刻變化；或者手動去獲取更新後的 DOM，結果拿到的是舊值。這時候，Vue 官方會推薦我們使用 this.$nextTick()。它到底做了什麼？為什麼“等一下”就能解決問題？本文嘗試用通俗的語言把它的作用和實現原理講清楚。 一、nextTick 的作用 Vue 的響

事件循環 , 重繪 , Vue , 前端開發 , Javascript

收藏 評論

u_16565975 頭像

計算機專業指導老師 - 基於VUE的配電房運行監控[VUE]-計算機畢業設計源碼+LW文檔

摘要 隨着電力系統的智能化發展，配電房運行監控的實時性、可視化及高效管理需求日益凸顯。本文設計並實現了一種基於Vue.js框架的配電房運行監控系統，通過前後端分離架構，結合Element UI組件庫和ECharts數據可視化工具，實現了設備信息管理、實時狀態監控、數據統計分析與報警功能。系統採用模塊化設計，支持用户權限分級管理，具備響應速度快、界面友好、擴展性強等特點。實際

軟件研發 , 數據 , 監控系統 , Vue

收藏 評論

u_17022799 頭像

亞拉索第一 - 基於 MateChat 構建 AI 編程智能助手的落地實踐

本文圍繞 華為雲 DevUI MateChat，在在線教育中如何用 DevUI 組件 + MateChat 搭建智能問答界面。 一、需求背景：為什麼我需要一個AI 助教？ 最近我開設了一期《AI 編程實戰營》，面向零基礎學員。教學過程中，兩個痛點讓我非常頭大： 復讀機式低效： 學員問題非常瑣碎，比如環境變量怎麼設？、Key 哪裏找？這些問題在羣裏被反覆

大數據 , 數據倉庫 , Vue , 創建項目 , Git

收藏 評論

u_16099177 頭像

雲端小夢 - 項目存檔管理規範

查看關鍵文件，整理項目規範文檔。 [6 tools called] 整理四個規範文件內容： [3 tools called] 四個規範文件內容如下： 1. .cursor/team-rules.md # 團隊開發規則 ## 核心原則 - 簡潔直接，避免冗餘 - 代碼優先，註釋僅複雜邏輯 - 統一規範，保持一致性 - 性能優先，用户體

API , Vue , 後端開發 , ios , Python

收藏 評論

Itstars 頭像

新茶十九 - vue和react如何與3D庫、d3.js、three.js、webgl等結合

在為你的項目選擇3D可視化方案時，React和Vue都有非常成熟的生態支持。沒有絕對的“更好”，關鍵在於哪個組合更符合你的技術棧、團隊習慣和項目需求。 為了幫你快速把握這幾個核心庫的特點，我先把它們的主要信息和與前端框架的搭配總結在下面的表格裏。 庫名 核心定位 與React結合 與Vue結合

Vue , 數據可視化 , 3d , 前端開發 , Javascript

收藏 評論

u_15295225 頭像

搖滾俠 - Vue76 編程式路由導航

筆記 作用：不借助router-link 實現路由跳轉，讓路由跳轉更加靈活 具體編碼： //$router的兩個API this.$router.push({ name:'xiangqing', params:{ id:xxx, title:xxx } }) this.$router

redis , List , 字符串 , API , Vue , 數據庫 , JAVA

收藏 評論

joel-olawanle 頭像

Joel Olawanle - An Introduction To Quasar Framework: Building Cross-Platform Applications

In this article, I will explain how to use Quasar Framework and its state-of-the-art UI (which follows Material guidelines) to build a notes app. The app will get its data from and store its data to

Frameworks , Vue , Apps , Javascript

收藏 評論

u_16213641 頭像

mob64ca14061c9e - javascript - 使用Vue2+webpack+Es6快速開發一個移動端項目，封裝屬於自己的jsonpAPI和手勢響應式組件

簡介：本項目通過Vue2.x框架與Webpack的結合，展現瞭如何構建一個足球主題的Web應用。項目利用了ES6的語法特性，包括箭頭函數和類語法，來提升代碼的簡潔性和可維護性。同時，Vue組件化開發、路由管理和狀態管理（Vuex）被用於構建用户界面和管理應用狀態。通過Webpack進行模塊打包，提高了項目開發效率和性能。此外，本項目還展示瞭如何處理實時數據更新，如比賽分數和球員信

ES6 , Vue , 後端開發 , webpack , harmonyos

收藏 評論

u_14230 頭像

爛漫樹林 - vue3 typescript 組件調用頁面函數

Vue.js組件的使用 一.組件 　　組件是可複用的vue實例，可分為局部組件和全局組件。 二.組件入門小案例 　　要求定義一個組件”one“，並重復使用它。 2.1.代碼實例 1 html lang="en" 2 head 3 meta charset="UTF-8" 4 titlevue局部組件和全局組件/t

數據 , Vue , 前端開發 , typescript , HTML

收藏 評論

u_15912723 頭像

讓世界更美好 - Vue3 手勢指令：讓移動端交互更自然

引言 在移動優先的時代，手勢操作已成為現代Web應用不可或缺的交互方式。傳統的點擊事件已經無法滿足用户對自然交互的期待。今天，我很高興向大家介紹我為Vue3開發的一套手勢指令庫，它將為你的應用帶來流暢、自然的手勢體驗！ 為什麼需要手勢指令？ 移動設備上的觸摸交互與桌面端的鼠標交互有本質不同： 觸摸屏沒有hover狀態 多點觸控支持

vue.js , yyds乾貨盤點 , 自定義 , Vue , 手勢識別 , 前端開發

收藏 評論

lisi-linhart 頭像

Lisi Linhart - Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System

This article has been kindly supported by our dear friends at Storyblok, a friendly headless CMS with a visual editor, nested components and customizable content blocks for websites and apps. Tha

Headless , Tools , Vue , cms , Case Studies

收藏 評論

u_16213644 頭像

mob64ca1406d617 - UX作品集基礎製作指南

p1xt-guides項目展示技巧：如何打造專業的開發者作品集 作為開發者，你是否還在為如何展示自己的項目成果而煩惱？是否擔心自己的作品集無法在眾多應聘者中脱穎而出？本文將基於p1xt-guides項目的資源，為你提供一套完整的開發者作品集打造方案，幫助你從零開始構建一個令人印象深刻的作品集網站。讀完本文，你將學會如何選擇合適的項目、設計作品集結構、

技術棧 , 雲計算 , Vue , 雲服務 , 開發者

收藏 評論

u_16099193 頭像

落花有意飛花 - 使用vue-admin-template優化步驟詳解-js教程

如何高效掌握Vue3-admin-element-template：從架構到部署的實戰指南 Vue3管理系統開發中，選擇合適的前端模板架構能顯著提升開發效率。Vue3-admin-element-template作為基於Vue3、Vite2和Element-Plus的主流中後台解決方案，集成了路由管理、狀態管理和國際化等核心功能。本文將從核

vue.js , Vue , 開發環境 , 前端開發 , Git

收藏 評論

u_16213594 頭像

mob64ca13fae001 - electron-vue前端開發桌面應用（一）——入門

引言 大家好！作為一名前端開發者，你是否曾經想過將你的 Vue 應用打包成桌面應用？今天我要分享的是使用 Electron 將 Vue 應用轉換為桌面應用的完整實戰經驗。從項目搭建到最終上線，我會詳細介紹每個步驟，包括一些實用的自動化腳本和最佳實踐。 需求背景 在開發過程中，我們經常遇到這樣的場景： 需要將 Web 應用

vue.js , 桌面端 , Vue , electron , 前端開發 , 桌面應用 , Javascript

收藏 評論