#vue3 第6页

vue3 实现文件上传

1、上传文件html上传文件将文件拖到此处，或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg}from'@/api/common.js';letuploadFile=ref(false);letfileList=ref([]);constupload=(val)=>{fileLis

编程（变成）小辣鸡·2025-06-28 10:16

适用于vue3的移动端Vant4组件库

适用于vue3的移动端Vant4组件库地址：（https://vant-ui.github.io/vant/#/zh-CN/home）安装：npmivant

柒@宝儿姐·2025-06-28 10:44

在vue3项目中使用el-upload实现文件上传

在vue3项目中使用el-upload实现文件上传template将文件拖到此处，或点击上传是否更新已经存在的用户数据仅允许导入xls、xlsx格式文件。

柒@宝儿姐·2025-06-28 10:44

vue3 使用 Univer Sheets 电子表格组件

背景部门要进行在线数据填报：excel表格样式不限;因为要支持直接从excel直接粘贴，经筛选选择：UniverSheetsUniverSheets官网地址https://docs.univer.ai/zh-CN/guides/sheets1、安装和配置#安装核心包pnpmadd@univerjs/presets正常到这就可以了，但是我这边前台报react版本错误，所以去源码包看了一下版本，单独指

小云小白·2025-06-28 09:13

vue大数据量列表渲染性能优化：虚拟滚动原理

前端分页小节：Vue3扁平化Tree组件的前端分页实现节点数据懒加载小节：ElementTreePlus版功能演示：数据懒加载关于扁平化结构Tree和嵌套结构Tree组件的渲染嵌套结构的Tree组件是一种递归渲染

Java小卷·2025-06-28 09:41

Vue3+ element 实现导入导出

青柠97·2025-06-28 09:40

ElementPlus表格相关操作大全-2

网址：一个Vue3UI框架|ElementPlus(element-plus.org)https://element-plus.org/zh-CN/例：组件——Form表单典型表单参考代码：-OnlineactivitiesPromotionactivitiesOfflineactivitiesSimplebrandexposureSponsorVenueCreateCancelimport

朝阳 Melo·2025-06-28 09:40

vue3 vs asp.net mvc

package.json≈.csprojpackage-lock.json≈packages.lock.jsonvite.config.js≈Startup.cs/Program.cs/configfilesindex.html≈_Layout.cshtmlpublic/≈wwwroot/

fyifei0558·2025-06-28 04:09

打造高效富文本编辑体验：Vue3 + wangEditor5 自定义上传音频与视频

打造高效富文本编辑体验：Vue3+wangEditor5自定义上传音频与视频【下载地址】Vue3wangEditor5自定义上传音频与视频Vue3+wangEditor5自定义上传音频与视频本仓库提供了一个资源文件

皮熠艳·2025-06-28 02:28

vue3+vite 项目引入加载.md文件

1.使用插件v-md-editor，下载npmi@kangc/v-md-editor@next-S官网地址可查看文档，介绍|v-md-editor2.第二步，在main.ts引入//引入v-md-editor组件importVMdPreviewfrom'@kangc/v-md-editor/lib/preview'importvuepressThemefrom'@kangc/v-md-editor

代码界周雨彤·2025-06-27 23:13

Vue 实现拖拉拽组件 vue-draggable-plus

vue-draggable-plus是一个基于Sortable.js的Vue拖拽组件库，是vuedraggable的升级替代品，支持Vue2和Vue3，功能更强，类型更完善，维护更活跃。

清风细雨_林木木·2025-06-27 23:12

vue3.0(十六)路由vue-router

文章目录路由vue-router路由1.vue-router功能2.vue-router组成3.vue-router常用的函数vue-router使用1.安装2.vue3.0配置3.vue2.0配置4.

程楠楠&M·2025-06-27 22:34

Vue3项目引入高德地图【超详细教程】

前言在Vue3项目中集成高德地图（AMap）是一个常见的需求。本文将详细介绍如何在Vue3项目中使用高德地图，包括安装配置、基本使用以及一些进阶功能的实现。

年纪轻轻就扛不住·2025-06-27 22:32

vue3教程笔记

选项式的写法基本和vue2一致。组合式写法：reactive()只适用于对象（数组或者内置对象），创建的对象都是js的proxy。import{reactive}from'vue'constcounter=reactive({count:0})console.log(counter.count)//0counter.count++ref()则可以接受任何值类型，ref会返回一个包裹对象，并在.va

Xaire·2025-06-27 20:19

html5路由如何在nginx上部署（vite+vue3）

我们知道前端常用的有Hash模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location/{}）下部署和在非根地址上（location/admin{}）部署。在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这

大眼小夫·2025-06-27 20:47

vue-i18n的实际使用场景

1，安装vue2安装8版本vue3安装9版本pnpminstallvue-i18n@9--savepnpminstallvue-i18n@8--save2，配置i18n安装完成后在vue项目src目录下新建一个

大眼小夫·2025-06-27 20:44

Vue 3 组合式API深度剖析：工具函数详解

核心API详解请移步另一篇博客--->Vue3组合式API深度剖析：核心API使用指南在Vue3中，组合式API为我们提供了一种

aike13ky·2025-06-27 19:11

VUE3入门很简单（2）--- 计算属性

前言重要提示：文章只适合初学者，不适合专家！！！为什么需要计算属性？想象你在开发一个购物车功能。当用户选择商品时，你需要：计算商品总价根据折扣码调整价格自动更新免运费状态显示税费金额你会怎么做？在模板中写表达式？总价：￥{{(items.reduce((sum,item)=>sum+item.price*item.quantity,0)*(1-discountRate))}}sum+item.pr

有诺千金·2025-06-27 19:10

VUE3入门很简单（3）--- watch

Vue3中的watch：数据变化的"眼睛"和"耳朵"想象你有一个超级助理，每当商店里的商品价格发生变化，它就会立即通知你。在Vue3中，watch就是这个聪明的小助理！一、为什么需要watch？

有诺千金·2025-06-27 19:05

使用 ESLint + Prettier + Husky + lint-staged 构建统一的代码风格及检查工作流

可以构建一套高效的代码风格检查+自动格式化+提交钩子工作流：✅ESLint：语法规则检查✅Prettier：统一格式化风格✅Husky：Git提交钩子✅lint-staged：仅检查本次提交相关的文件一、项目初始化（以Vue3

爱宇阳·2025-06-27 18:31

vue3实践3

创建一个vue项目vuecreate项目名称运行脚手架构建的项目npmrunserve如果使用npmcreatevitebasic--templatevue-ts构建项目模板可以选择vue：创建一个使用Vue3

清风徐来QCQ·2025-06-27 15:42

vue3 年月日时分秒各种转换

示例：console.log('时转秒：','1时---',hoursToSeconds(1),'秒')console.log('秒转时：','3600秒---',secondsToHours(3600),'时')console.log('分转秒：','10分---',minuteToSecond(10),'秒')console.log('秒转分：','600秒---',secondsToMinu

·2025-06-27 13:35

Vue.js --- 一文看懂路由

2.路由基础2.1路由的安装npminstallvue-router@4指定安装路由版本4，适配于vue32.2路由管理方式路由的history和hash模式是两种不同的URL路由管理方式，它们都通

蒜蓉大猩猩·2025-06-27 13:34

Vue-路由（vue2，vue3）的使用-嵌套路由-路由传参-命名

2.基本使用：2.1：npmivue-router(插件)3.Vue3.0的使用：3.1在main.js中配置：import{createApp}from'vue'importAppfrom'.

IT小杨666·2025-06-27 13:34

Vue-12-前端框架Vue之应用基础生命周期和自定义hooks

文章目录1生命周期的理解2vue2的生命周期2.1创建工程2.2App.vue(根组件)2.3Person.vue(子组件)2.4生命周期钩子示例2.4.1Person.vue2.4.2App.vue3vue3

皮皮冰燃·2025-06-27 13:33

Vue3基础（5）——前端路由、vue-router

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币，点赞，收藏呦，历经5年的反复打磨与锤炼，黑马程序员重磅推出全套最新的

番大茄子·2025-06-27 13:32

Vue-15-前端框架Vue之应用基础编程式路由导航

文章目录1RouterLink的replace属性1.1App.vue1.2应用效果2编程式路由导航2.1场景一Home.vue2.2场景二News.vue3路由重定向3.1index.ts3.2Detail.vue3.3About.vue1RouterLink

皮皮冰燃·2025-06-27 13:02

Vue集成PageOffice实现在线编辑word、excel(前端配置)

二、环境要求前端Vue项目：Node.js10及以上版本（当前集成方式不支持vue3，原因是vue3不兼容ie)三、前端配

逆羽~·2025-06-27 11:46

vue3+ts 解决el-form表单项不能双向绑定

1、要注意的点Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。ref的值在声明的时候要引入FormInstance登录后复制1.//ts---importtype{FormInstance}from"element-plus";constformRef=ref()1.2.3.4.5.el-form的ref和model

知乎er·2025-06-27 04:01

`customRef` 在实战中的使用：防抖、计算属性缓存和异步数据获取

、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录使用场景示例防抖计算属性的缓存异步数据获取总结在Vue3

阿珊和她的猫·2025-06-27 04:27

vue3递归组件的使用

HelloWorld.vue{{item}}import{ref,reactive}from'vue'importHelloWorldTtemfrom'./HelloWorld.vue'typeTreeList={name:string;icon?:string;children?:TreeList[]|[];};typeProps={data?:T[]|[]}defineProps>()app.

未央区邓紫棋·2025-06-27 04:27

Vue3.0深度选择器:deep()不生效

:deep()选择器是Vue3中引入的一种选择器，它允许您在全局范围内选择元素，而不受到样式作用域的限制。这意味着您可以轻松地选择和样式化组件内的元素，而不必担心局部作用域。

Gzzz__·2025-06-27 03:15

响应式数据的判断：Vue3中的方法

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录方法一：检查对象是否为Proxy方法二：使用`effect`函数方法三：

阿珊和她的猫·2025-06-27 02:14

前端面试专栏-主流框架：13.vue3组件通信与生命周期

前端面试通关指南专栏主页前端面试专栏规划详情Vue3组件通信与生命周期深度解析在Vue3的开发体系中，组件通信与生命周期机制是构建高效、可维护应用的关键。

爱分享的程序员·2025-06-27 00:57

UniApp使用uView UI开发教程1

UniApp整合uViewUI进行高效开发的完整指南，涵盖核心特性、集成流程、开发技巧及最佳实践：一、uViewUI的核心优势组件生态强大100+高质量组件（表单/布局/导航/数据展示等）支持Vue2/Vue3

速易达网络·2025-06-26 21:36

更强大、更灵活！ defineModel 重新定义双向绑定

前言在Vue3.4中，defineModel宏的引入标志着Vue双向绑定机制的一次重大革新。

2501_92511010·2025-06-26 20:28

web端rtmp推拉流测试、抽帧识别计数，一键式生成巡检报告

目录涉及技术栈基本效果存在的问题，亟需解决代码及粗略解释资源涉及技术栈：Django5+vue3+websocket+SRS+FFmpeg+RTMP+Y

（ECUT）Edward-tan·2025-06-26 19:51

3DSwiper 好看的走马灯轮播图

代码来源vue3写法，复制即用❮❯//配置参数constconfig=reactive({maxWidth:'180px',speed:10000,//轮播速度multiple

·2025-06-26 17:09

Vue3父子组件通信

一，父传子：props单向数据流原则禁止子组件直接修改prop通过自定义事件通知父组件更新App.vue我是父组件更新父组件数据,传递到子组件了import{ref,reactive}from'vue'importCompfrom'./Comp.vue'constparentMessage=ref('初始消息')constuser=reactive({name:'andy',age:13})con

一只路人甲·2025-06-26 16:32

Vue3 插槽使用笔记

Vue3插槽使用笔记介绍在Vue3中，插槽（Slot）是一个非常强大的特性，它允许我们更好地组织和重用组件。通过定义插槽，子组件可以预留出由父组件控制的区域，这样父组件就可以向这些区域填充自己的内容。

漆黑的莫莫·2025-06-26 16:32

Vue3中的watch详解：掌握响应式侦听的艺术

目录一、watch的核心作用二、基础用法（对比Vue2优化）三、高级配置选项四、watchvswatchEffect五、进阶技巧六、最佳实践七、场景示例结语一、watch的核心作用监听响应式数据的变化，在数据变化时执行回调函数，适用于：执行异步操作（如API请求）复杂逻辑处理数据变化时需要联动多个操作的场景二、基础用法（对比Vue2优化）import{ref,watch}from'vue'//1.

·2025-06-26 16:59

没有虚拟DOM版本的vue（Vue Vapor）

更新虚拟DOM比较虚拟DOM更新真实DOM2.1虚拟DOM的优势性能优化（减少DOM操作，批量更新）可维护性（声明式编程，跨平台兼容性）3Diff算法3.1目标找出差异最小化更新3.2框架vue2双端比较vue3

·2025-06-26 15:27

深度剖析Vue3响应式原理Proxy

文章目录1.前言2.Vue2与Vue3响应式实现的差异2.1.Vue2响应式实现2.2.Vue3响应式实现3.Proxy基础3.1.Proxy的基本语法3.2.Proxy的常见拦截方法4.Vue3响应式核心

冲浪的鹏多多·2025-06-26 10:59

《Vue3+ECharts 大屏性能优化全攻略：从加载到交互的极致体验》

1.大屏项目痛点分析与优化目标典型性能问题：首屏白屏时间过长大数据量下的渲染卡顿复杂动画导致的掉帧优化目标设定：首屏加载{config.splitChunks({chunks:'all',minSize:20000,maxSize:250000,minChunks:1,automaticNameDelimiter:'~',cacheGroups:{echarts:{test:/[\\/]node_

前端极客探险家·2025-06-26 10:28

记录vue3.0+ts使用echarts的dataZoom的坑

错误原因：因为vue3.0使用的是proxy的模式监听响应式，this.chart会被在vue内部转换成响应式对象，从而在resize的时候获取不到coordSys.type解决办法：所以在实例化echart

追风少年_·2025-06-26 09:19

markRaw

Vue3中的markRaw()函数markRaw()是Vue3响应式系统中的一个API，用于标记一个对象，使其永远不会被转换为响应式代理。这在您希望确保对象保持原始状态且不触发响应式更新时非常有用。

jjjjjjjjj¢·2025-06-26 09:48

深入浅出--vue3封装echarts组件

本文将介绍如何在Vue3中封装一个高效、可复用的ECharts组件——TChart。2、组件亮点响应式图表：自动调整大小以适应容器。空数据展示：支持

brrdg_sefg·2025-06-26 08:15

使用markRaw实例化echarts对象

在Vue3中，markRaw函数用于标记一个对象，使其永远不会转换为响应式代理。

知福致福·2025-06-26 08:42

实现高度自动过渡的几种方案

实现流体高度前言通用html一、使用max-height（简单但是不精准）不推荐二、JS动态计算（常规用法）三、Grid过渡实现（现代浏览器）推荐四、使用在项目中(react)五、使用在项目中(vue3

Jet_closer·2025-06-26 04:11

UV-UI组件库中@click.stop事件修饰符失效问题解析

UV-UI组件库中@click.stop事件修饰符失效问题解析uv-uiuv-ui破釜沉舟之兼容vue3+2、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用

邬群彤·2025-06-26 03:09

推荐频道

#vue3