tag vue3

標籤
貢獻61
160
05:48 AM · Oct 27 ,2025
kobe_fans_zxc 頭像 chengxuyuanyouyage 頭像 shuirongshui 頭像 hui_61e3b3803b922 頭像 jsoncode 頭像 kestrel_task 頭像 jiangchuan_5ecf6be720834 頭像 imwty 頭像 tanking 頭像 shellingfordly 頭像 xiaodaigua_ray 頭像 mihuartuanr 頭像

@vue3 / 博客 RSS 訂閱

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 【JVS更新日誌】開源框架升級vue 3、低代碼、企業計劃、智能BI及其他產品迎來新版本！

項目介紹 JVS是企業級數字化服務構建的基礎腳手架，主要解決企業信息化項目交付難、實施效率低、開發成本高的問題，採用微服務+配置化的方式，提供了低代碼+數據分析+物聯網的核心能力產品，並構建了協同辦公、企業常用的管理工具等，所有的應用與能力採用模塊化構建，按需開箱使用。 一、JVS基礎框架（數字化底座） 當前版本：v2.4.X 更新時間：2025.10.15 在線demo：https:

vue3 , 低代碼開發平台 , 開源 , 開源框架

收藏 評論

nihaoanihao 頭像

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性，實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

收藏 評論

aitinggedeyuechikou 頭像

愛聽歌的鑰匙扣 - 開源框架驅動的跨境電商系統源碼實戰：Vue3前端架構與微服務後台協同

系統架構設計 本方案採用微服務架構解耦業務模塊，前端基於Vue3構建響應式界面，後端通過Spring Boot微服務集羣實現高併發處理。整體架構採用容器化部署，支持全球多區域彈性擴展。 技術棧推薦表 層級 技術選型 版本/説明 源碼演示 xcxyms.top 前端框架 Vue3 3.4.x + Compos

vue3

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue3 上傳插件vue-file-agent-next

一、安裝插件 pnpm add @boindil/vue-file-agent-next 二、基本使用 /* main.ts */ import VueFileAgentNext from "@boindil/vue-file-agent-next"; import "@boindil/vue-file-agent-next/dist/vue-file-agent-next.css"; cons

上傳 , vue3 , 前端

收藏 評論

qianghandexiang 頭像

強悍的茴香 - Vue狀態管理進化史：從Vuex到Pinia的架構演進與選型指南

引言：狀態管理的必要性演變 在 Vue 應用開發中，隨着組件層級的加深和業務複雜度的提升，組件間共享狀態的需求逐漸凸顯。早期通過 props/events 的"提拉下鑽"模式在小型應用中尚可維持，但當組件樹深度超過3層或需要跨組件共享狀態時，這種模式便暴露出代碼冗餘、維護困難等問題。 狀態管理庫的出現正是為了解決這種"狀態分散"的痛點。從 Vue 官方維護的 Vuex 到社區驅動的 Pinia，狀

vue3

收藏 評論

nihaoanihao 頭像

你好啊你好 - 邊緣吸附組件（vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - vue+echarts繪製中國地圖

先介紹一下如何獲取一下china.json文件：阿里雲-DataDv數據可視化平台 也可以自己訪問鏈接：https://datav.aliyun.com/portal/school/atlas/area_selector 聲明：我是vue3項目，根據自己的情況而定 引入： template div id="mapArea" ref="chinaChart" / /te

echarts5.0 , vue3 , echarts

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue3開發技巧：使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

收藏 評論

guoduandemuer 頭像

世説鷹語 - 微信小程序：酒店預訂管理系統

🏨 現代化酒店管理系統 項目概述 這是一個基於現代Web技術棧構建的全棧酒店管理系統，旨在為酒店行業提供完整的數字化解決方案，通過技術創新提升酒店運營效率和客户體驗。系統採用前後端分離架構，結合了成熟的企業級框架和現代化的用户界面設計，為酒店運營管理和客户服務提供了強有力的技術支撐。 🎯 核心特性 業務功能 客房管理 - 房型配置、房間狀態管理、價格策略 預訂系統 - 在線預訂、訂單管理

微信 , 微信小程序 , vue3 , JAVA

收藏 評論

tiye 頭像

題葉 - Vue3 JSX 寫法筆記

Vue3 是可以用 JSX 語法直接寫的, 大體可以從 https://sfc.vuejs.org/ 的示例看到, 其中 div 會編譯為 h('div'), 具體參考 https://vuejs.org/guide/extras/render-function.html . 完整的組件定義形如: import { defineComponent, PropType } from 'vue'

jsx , vue3

收藏 評論

shuirongshui 頭像

水冗水孚 - 效能工具（八）之vite開發或生產環境下的命令行變量傳參（比如啓動項目時多視圖選擇其一）

需求描述 前段時間有這樣的一個需求： 筆者有一個項目，在啓動或者打包的時候 需要根據一些實際情況，去選擇展示那個視圖 就是我們在項目啓動或者打包的時候，需要注入一個全局變量（保存在.env.development或.env.production文件中）通過命令行npm run dev的方式 一般來説，vue-router就可以實現這個需求 但是，某些情況下，這個需求不太適合用vue-

node.js , vite , vue3

收藏 評論

chenwendeshuanggang 頭像

沉穩的雙槓 - BuildAdmin 和 FastAdmin 那個好？

對比 FastAdmin 和 BuildAdmin 後台管理系統，兩者均為 ThinkPHP 框架開發的後台管理系統，後起之秀 BuildAdmin 是否有希望超越老大哥？ 簡介 FastAdmin PHP 版本： 當前推薦版本為 7.4 ThinkPHP 版本： 基於 ThinkPHP 5.0 自行維護 前端框架： Bootstrap + JQuery 前後端混合開發 star 數：

後台管理 , vue3 , php框架 , thinkphp

收藏 評論

shuirongshui 頭像

水冗水孚 - vue3中實現live2D技術的應用虛擬角色數字人live2d-render、pixi-live2d-display

什麼是live2D技術？可以用來做什麼？ 請點擊看效果：http://ashuai.work:8890/#/16 簡而言之： 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多，比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言，3D項目使用threejs，2D項目使用pixijs 所以，pix

虛擬現實 , vue3 , canvas , Javascript

收藏 評論

zihuai1949 頭像

紫槐 - 基於vue3+threejs實現太陽系與奧爾特雲層（結尾附源碼）

基於vue3+threejs實現太陽系與奧爾特雲層（結尾附源碼） 先看效果，附源碼地址，看完覺得還不錯的還望不吝一個小小的star 在線預覽：預覽 1 快速上手 1.1 在項目中使用 npm 包引入 Step 1: 使用命令行在項目目錄下執行以下命令 npm install three@0.148.0 --save Step 2: 在需要用到 three 的 JS 文件中導入

three.js , vue3

收藏 評論

paidaxinghaimianbaobao 頭像

派大星，海綿寶寶 - Nuxt3如何部署到Netlify

部署到 Netlify 上需要和 Github 結合，以後你只需要推送代碼就會自動部署。 Nuxt3 官網描述部署到 Netlify 先看官網怎麼Nuxt3官網怎麼描述的 零配置！！！ 我看了很多YouTube視頻也是説不需要配置，結果就是所以的編譯和加載都ok，首頁就是沒有。 Netlify 在頁面點擊創建 這裏有三中方式，我就是選擇的第一種。反正我看了 Nuxt 説的，都是零配

node.js , netlify , vue3 , nuxt3 , ssr

收藏 評論

kaidiwen 頭像

Max迪丶先生 - 解決uniapp生成自定義海報/邀請名片，保存圖片到本地

本代碼片段使用插件《qs-canvas》，支持 Node、web、uni-app 的canvas繪圖工具。 效果圖 安裝npm包 npm install qs-canvas -S 代碼片段 // index.vue template view canvas :id="poster.canvasId" :canvas-id="poster.canvasId

二維碼 , uniapp , vue3 , qrcode , canvas

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2進階:CMS系統實戰開發秘籍：1.為什麼選擇Koa2?

目錄 為什麼選擇Koa2? Koa2環境搭建 Koa2核心概念/中間件基礎/異步控制流 Koa2路由管理 Koa2請求響應處理 Koa2中間件使用 Koa2錯誤/異常捕獲與處理 Koa2模板引擎集成 Koa2靜態文件服務 Koa2集成數據庫 模型設計/ORM工具使用 接口身份驗證與授權 API接口設計 Koa2日誌記錄 CMS架構設計 CMS內容管理 CMS用户

koa2 , koa , vue3 , 前端 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2實現多併發文件上傳

koa2批量上傳文件 目前的是為了實現批量導入md文件，發佈文章。這樣就不用自己一篇一篇同步文章了。一次可以同步幾千篇文章。 實現界面 內容 主要包含上傳的文件標題，文件大小，上傳狀態。 el-upload ref="uploader" v-model:file-list="fileList" drag multiple :accept="accept" :maxSize="maxS

koa2 , vue3 , 前端 , Javascript

收藏 評論

jsoncode 頭像

jsoncode - svg實現漸變百分比組件

參考文檔： 張鑫旭大佬的博客：https://www.zhangxinxu.com/study/201710/colorful-time-count-d... 改造後的效果： 源碼：vue3 script lang="ts" setup 模式版本： template div class="config-progress" :style="`--size:${si

組件設計 , vue3 , Javascript , svg

收藏 評論

jasonma1995 頭像

JasonMa - 一個開箱即用的已集成全部主流前端工具、類庫的nuxt3服務端渲染ssr項目

項目背景： 需實現公司國際官網項目的seo 如果是react就選用next，因為我最近在用vue3，就試試使用nuxt 在網上找了很多模版，發現都不理想，缺的東西比較多，沒法做到開箱即用，所以自己造個模版項目 採用當前最新的nuxt3實現 目錄簡介： 已集成各類主流vue3生態相關工具或庫 nuxt3 vue官方推薦的最好用，生態最全的nuxt3服務端渲染ssr框架 vue3

nuxtjs , vue3 , nuxt3 , ssr , 前端

收藏 評論

xiaodaigua_ray 頭像

XiaoDaiGua_Ray - 如何上手使用 Ray Template

Ray Template 🔗 技術棧 Ray Template 是一個基於 vue3.x vite4.x naive-ui pinia tsx 開發的中後台模板。 🌸 解決了什麼問題 其實市面上已經有很多很優秀的中後台模板了，為什麼還要考慮重複去造輪子呢？其實市面上已有的優秀模板，都會有一個共同點：笨重、冗餘、難二開。不論是 vue-element-admin vben-admin，都有這個問

vite , tsx , vue3 , 模板

收藏 評論

hui_61e3b3803b922 頭像

xachary - 手把手實現一個圖片可縮放可拖拽的 Vue3 組件

在工作中經常遇到需要預覽一張尺寸可能非常大的圖片，初始化顯示的時候，希望它自適應顯示區域後，還可以縮放並可以在顯示區域中拖拽。 在這裏，手把手展示一下如何實現一個簡單的組件，以實現上述的需求。 效果展示 先看看效果 可以直達👇 示例倉庫 | 示例文檔 | 在線示例 別忘了，可以帶話，給我一個 Star 喲！ 實現 Hook 在實現組件之前，可以先實現一個 hook，以包含核心邏輯，後面實現 組

css3 , 組件庫 , vue3

收藏 評論

south_58ff0845ea0be 頭像

south - vue3 數據大屏實現屏幕自適應 px轉rem amfe-flexible

安裝依賴 pnpm i amfe-flexible autoprefixer postcss postcss-loader postcss-pxtorem 引入amfe-flexible main.js 引入 amfe-flexible import 'amfe-flexible' 創建配置文件 postcss.config.cjs 根目錄創建postcss.config.cjs module.

vue3 , postcss , 前端

收藏 評論

shellingfordly 頭像

shellingfordly - 常規博客看膩了，使用openlayers製作旅行地圖的個人博客👀

由於上半年經常跑出去玩，突然想做一個旅行地圖的博客，想起之前接觸過 openlayers 的項目，也懶得去調查別的庫了，直接用 openlayers 開幹。之前用github actions偶爾會構建失敗，然後vercel上部署的又需要科學訪問。最近域名備案完成，部署到服務器上了，可以正常訪問了。 鏈接 項目代碼github鏈接 博客原文鏈接 旅行地圖預覽鏈接

blog , map , vue3 , openlayers , typescript

收藏 評論