vue3.x开发实例
文章平均质量分 75
分享一些vue3.0自定义组件、项目实战案例及一些学习心得。
xiaoyan_2018
整理H5笔记/项目实战案例,分享交流平时的一些真实项目开发过程和经验。
QQ:28231092 wx:xy190310
展开
-
自研electron32+vue3+arcoDesign桌面OS系统应用-源码版
全新基于electron32+vite5+arco.design原创研发的桌面os式中后台管理系统。原创 2024-09-11 16:31:29 · 1251 阅读 · 0 评论 -
electron32+vue3+arcoDesign管理桌面os系统演示
electron32-vite5-macos使用vite5.x整合electron32跨平台技术搭建桌面os项目框架模板,遵循vue3 setup语法糖编码风格。原创 2024-09-08 22:04:23 · 424 阅读 · 0 评论 -
Electron32-Vue3OS桌面管理os模板|vite5+electron32+arco后台os系统
原创Electron32+Vite5+Vue3+Pinia2+ArcoDesign+Echarts实战桌面版os系统模板。内置macos和windows两种风格桌面布局、自研拖拽式栅格模板、支持动态json配置桌面/Dock菜单。原创 2024-09-05 08:36:14 · 1709 阅读 · 0 评论 -
Electron31.x+Vite5+ElementPlus通用后台管理系统演示
Electron31-Vite5Admin轻量级管理系统|vite5+electron+pinia2桌面端后台Exe系统。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由,封装多窗口管理器原创 2024-08-21 07:25:15 · 732 阅读 · 0 评论 -
vite5.x+arcoDesign+vue3 setup仿macos/windows桌面网页os系统演示
webos-vue3原创网页端os桌面管理系统。自研桌面栅格化布局引擎、支持桌面图标自由拖拽、多页分屏管理、自定义桌面皮肤、macos/windows桌面布局等功能原创 2024-07-30 06:45:27 · 567 阅读 · 0 评论 -
vite5-macos仿macOS网页osx管理系统|vue3+arcoDesign桌面os
vue3-macos:基于vite5.x+vue3+pinia2+arco.design+sortablejs+echarts构建网页版osx后台管理系统新解决方案。支持windows和macos两种桌面模式、自定义桌面栅格布局引擎、可拖拽式桌面菜单/程序坞菜单。原创 2024-07-25 23:03:33 · 2178 阅读 · 0 评论 -
自研electron31+vue3+elementPlus桌面聊天Exe应用-源码版
原创基于最新跨平台技术Electron31+vite5.x+vue3+pinia2+element-plus搭建桌面端仿微信界面聊天系统。原创 2024-07-15 07:42:31 · 965 阅读 · 1 评论 -
Electron31.x+vite5+vue3 setup客户端Exe聊天系统演示
基于最新前端跨端技术electron31.x+vite5+vue3 setup+vue-router+pinia2+elementPlus实战仿微信桌面端聊天exe系统。原创 2024-07-12 06:43:08 · 521 阅读 · 0 评论 -
Electron-ViteChat桌面端聊天室|electron31+vite5+pinia2仿微信EXE程序
Electron-Vue3-Wechat聊天实例|electron31+vite5+pinia2+element-plus仿微信聊天EXE程序。支持electron多开窗口管理、动态换肤、自定义最大化/最小化/关闭等功能。原创 2024-07-09 08:43:43 · 1877 阅读 · 0 评论 -
Vue3 setup+Vite5.x+ElementPlus桌面web版聊天系统演示
vue3-vite-webchat原创实战仿微信网页端聊天实例。原创 2024-06-24 17:52:43 · 794 阅读 · 0 评论 -
vite5-webchat:基于vite5+vue3.x+element-plus网页版聊天系统
Vite5-Webchat网页聊天室|vite5.x+vue3+pinia+element-plus仿微信客户端。包含了聊天、通讯录、朋友圈、短视频、我的等功能模块。支持收缩侧边栏、背景壁纸换肤、锁屏、最大化等功能。原创 2024-06-23 00:00:38 · 1528 阅读 · 1 评论 -
原创uniapp+vue3手机版后台管理|uniapp移动端后台OA系统
uni-vue3-os一款原创仿ios手机桌面后台管理OA系统。支持编译到H5+小程序+App端。原创 2024-05-26 08:34:44 · 482 阅读 · 0 评论 -
vue3-uniapp-os:基于uniapp+vite5+uv-ui手机后台OA管理系统
原创基于uniapp+vue3+vite5.x+pinia等技术实战仿ios手机桌面OA管理系统。实现了自定义桌面栅格磁贴布局、多分屏滑动管理、自定义桌面小部件、主题换肤等功能。支持编译到H5+小程序端+App端。原创 2024-05-21 23:21:21 · 1771 阅读 · 0 评论 -
基于vite4+pinia2模仿chatgpt移动端聊天模板Vue3MobileGPT
支持light+dark两种主题,搭配vue3组件库Vant,界面简洁美观。就前几天OpenAI就推出了IOS版ChatGPT应用APP程序,标示着chatgpt正式进入了移动领域了。如上图:聊天对话编辑框使用ve-plus组件库中的Input组件。vite4构建的项目,官方推荐使用pinia进行状态管理操作。vue3-mobileGpt 采用最新vue3前端技术栈开发,vue3 setup编码规范开发。OK,基于vue3+pinia2开发mobile版仿chatgpt聊天界面实例就分享到这里。原创 2023-05-22 22:42:25 · 1903 阅读 · 2 评论 -
基于vue3.js自定义pc端组件库VePlus
ve-plus 一款轻量级小巧的vue3桌面端UI组件库。原创 2023-03-03 08:06:19 · 2331 阅读 · 2 评论 -
ElectronVite2MacUI 超精美仿macOS桌面UI管理框架|vue3+electron桌面后台
Electron-Vite2-MacUI 基于vite2.x整合electron仿制mac桌面UI框架。基于最新前端技术栈 vite2.3+electron13+vue3+element-plus+echarts 搭建开发。支持流畅的可拖拽桌面+dock菜单、丰富的视觉效果,可自定义桌面壁纸主题。使用技术前端框架:vite2.3.4+vue3.0.11+vuex@4+vue-router4.x跨端框架:electron13.0.1组件库:element-plus1.0.2图表组件:ech原创 2021-06-24 15:03:57 · 8576 阅读 · 7 评论 -
ElectronVue3Admin 轻量级中后台前端管理系统|electron+vite2后台框架
electron-vite-admin基于 electron+vite.js 整合开发的后台管理框架。本项目基于 vite2+electron12+vue3+vuex+element-plus+vue-i18n+echarts 等技术栈搭建开发,所有的请求数据都使用Mock.js进行模拟。支持动态权限控制、整合i18n国际化解决方案。实现技术编码工具:vscode vue3框架:vue3.0+vuex4+vue-router@4 跨端框架:electron^12.0.4 构建打包.原创 2021-05-17 17:00:34 · 8400 阅读 · 15 评论 -
整合vite2.0+electron12+vant3.x跨端仿抖音短视频+聊天+直播exe应用
vite2-electron-douyin 基于vite2.x+electron模仿抖音短视频应用实例。整合了vite2+electron跨端开发技术仿制抖音界面桌面版exe应用软件。基于Vite2.x+Electron12+Vant3+Swiper6+V3popup等技术开发实现,支持键盘上下键切换短视频、新开多窗口等功能。技术栈编码/技术:vscode / vue3.0 + vuex4 + vue-router@4 组件库:vant3 (有赞移动端vue3组件库) 滑动组件:sw原创 2021-03-27 12:24:49 · 2612 阅读 · 3 评论 -
基于Vue3.x+Electron11跨端仿制QQ/TIM应用|electron+antdv客户端实例
vue3-electron-qchat 基于vue3.x开发模仿QQ|微信电脑端聊天软件应用。基于Vue3全家桶和Electron跨平台技术开发仿制QQ桌面端聊天软件。使用了Vue3.x+Electron11.2+Vuex4.x+Vue-Router@4+Antdv+V3Scroll+V3Layer等技术开发,支持多开新窗口、换肤等功能。运用技术编码工具:vscode 框架技术:vue3.0 + vuex4 + vue-router@4 桌面端UI库:ant-design-vue (原创 2021-02-27 11:24:53 · 5701 阅读 · 6 评论 -
vue3.0+vant3仿快手/抖音短视频|Vue3+Vite2聊天/直播实例
vue3.0-douyin 基于vue3.x开发仿抖音app界面小视频+直播聊天实例。基于Vue3框架技术搭建一款仿抖音APP界面小视频+直播实战案例。运用到了vite2+vue3.0.5+vuex4+vue-router@4+vant3+v3popup等技术,实现了短视频滑动切换、暂停/迷你进度条、聊天评论/弹幕/送礼物等功能。技术框架技术/编码:vscode /vue3.0+vue-router+vuex4 UI组件库:vant3.x (有赞移动端vue3组件库) 弹层组件...原创 2021-02-02 14:22:38 · 5784 阅读 · 0 评论 -
Vue3+ElementPlus网页端聊天|vue3.0仿微信/QQ界面实例
vue3-webchat 基于vue3.0.5开发的仿微信|QQ界面桌面端聊天实例。运用vue3.x全家桶技术+element-plus+v3layer+v3scroll搭建的仿微信/QQ界面网页聊天实例项目。实现发送表情图文消息、图片/视频预览、链接查看、粘贴/拖拽发送图片、红包/朋友圈等功能。技术栈编码/技术:VScode + Vue3 + Vuex4 + VueRouter@4 UI组件库:ElementPlus (饿了么桌面端vue3组件库) 对话框组件:V3Layer(基于原创 2021-01-22 01:30:46 · 15808 阅读 · 1 评论 -
vue3.0仿微信聊天|Vue3+Vant3.x聊天实例
Vue3-Chatroom 基于vue3.x开发的仿微信界面聊天室。使用vue3.0+vuex4.x+vue-router4+vant3.x+v3popup构建的移动端聊天实例。基本实现了消息发送/gif动图、图片/视频预览、网址查看、红包/朋友圈等功能。实现技术编码/技术:vscode+vue3.0/vuex4.x/vue-router4 UI组件库:vant-ui 3.x (有赞移动端vue3组件库) 弹层组件:v3popup(基于vue3.0封装弹出层组件) iconfont原创 2021-01-08 13:59:22 · 7306 阅读 · 2 评论 -
Vue3.0虚拟滚动条|vue3自定义美化滚动条V3Scroll
Vue3-Scroll 基于vue3.0构建的桌面端虚拟美化滚动条组件。一款基于vue3.x构建的pc端自定义模拟滚动条|vue3.0美化滚动条组件。支持监听DOM尺寸变化、是否原生滚动、是否自动隐藏滚动条、自定义尺寸/颜色及层级等功能。引入组件import { createApp } from 'vue'import App from './App.vue'import './index.css'// 引入滚动条组件v3scrollimport V3Scroll from原创 2021-01-07 00:23:57 · 5781 阅读 · 3 评论 -
vue3.0 pc网页端弹窗|vue3自定义dialog、modal组件
vue3-layer:基于Vue3.0开发的PC桌面端自定义对话框组件。基于vue3构建的PC网页端自定义弹出框组件。全面覆盖各种弹窗应用场景,拥有10+种弹窗类型、30+种自定义参数配置、7+种弹窗动画效果,支持拖拽、缩放、最大化、全屏及自定义激活当前置顶层等功能。前几天分享过一个Vue3.0移动端弹层组件V3Popup,如果感兴趣也可以去看看。https://blog.csdn.net/yanxinyun1990/article/details/111975487v3layer在原创 2021-01-03 10:05:10 · 12247 阅读 · 4 评论 -
Vue3.0移动端自定义弹框组件|vue3弹出层V3Popup
Vue3-Popup 基于vue3构建的手机端自定义弹层组件。一款集合了msg、alert、dialog、modal、actionSheet、toast等多种效果的Vue3自定义弹层组件。支持上下左右弹出、圆角、自定义弹层样式、多按钮及长按/右键功能。引入v3popup// 在main.js中全局引入import { createApp } from 'vue'import App from './App.vue'// 引入弹窗组件v3popupimport V3Popup原创 2020-12-30 14:10:07 · 7423 阅读 · 4 评论