Vue3

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 组合式 API：生命周期钩子（三）

1、onMounted()onMounted()会在组件挂载到DOM后立即调用，此时DOM已经渲染完毕，可以进行相关的DOM操作或发起网络请求。exportdefault{setup(){//可以在这里定义响应式状态、计算属性等onMounted(()=>{//组件挂载到DOM后执行的代码console.log('组件已挂载到DOM');//在这里可以进行DOM操作或发起网络请求等});//返回需
**之火·2025-06-26 02:29

Vue3组合式API中使用生命周期钩子教程

1.导入生命周期函数-在Vue3中，组合式API提供了与选项式API相对应的生命周期钩子函数。这些函数需要从vue模块中导入。
流着口水看上帝·2025-06-26 01:28

Vue3响应式原理与API

前端面试通关指南专栏主页前端面试专栏规划详情Vue3响应式原理与API详解一、引言Vue3作为Vue.js框架的重要升级版本，带来了许多令人瞩目的新特性。
爱分享的程序员·2025-06-25 21:49

uniapp小兔鲜儿小程序

二、技术栈前端框架：uni-app(Vue3+TS)状态管理：
Chappie_Home·2025-06-25 20:43

Vue的专属老婆---Pinia

一.Pinia1.Pinia概述Pinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供更简单的API（去掉mutation）提供符合组合式风格的API(和Vue3统一)去掉modules
·2025-06-25 18:02

Vue3+TypeScript+ Element Plus 实现文件下载，无后端（点击按钮，下载静态文件）

在Vue3+TypeScript+ElementPlus项目中实现点击下载静态文件，可以通过以下两种常用方式实现。
BillKu·2025-06-25 18:31

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | MovieApp（电影卡片组件）

MovieApp组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3
sunbyte·2025-06-25 14:33

Vue ⑨-Pinia

优点提供更加简单的API（去掉了mutation）提供符合，组合式风格的API（和Vue3新语法统一）去掉了modules的概念，每一个store都是一个独立的模块配合TypeScript更加友好，提供可靠的类型推断手动添加
还会有机会吗·2025-06-25 11:13

知识付费源码搭建全攻略：从0到1打造在线教育平台 | 附源码+部署指南

本文将以ThinkPHP6.0+Vue3.0+MySQL8.0技术栈为例，详细拆解知识付费系统的核心功能开发流程，提供可复用的源码框架及部署方案，助力开发者7天内完成从0到1的MVP搭建。
perks·2025-06-25 09:59

Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等）

1.什么是样式穿透？样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。2.为什么需要样式穿透？2.1Scoped样式的局限性.child{/*这里的样式只会影响到子组件的根元素*//*无法影响到子组件内部的元素*/color:red;}2.2常见使用场景修改第三方组件样
年纪轻轻就扛不住·2025-06-25 08:21

vue3项目练习大全（附github源码）

2023年必将是vue3-ts主流，拥抱新技术必须是我们要接受的！如果在平时的工作里，有些公司用不到这两项技能，那你也要在业余的时间里面，找一些教程和练手的vue小项目。以下
尔嵘·2025-06-25 07:17

使用 Vue 3 实现图片拖拽上传功能

使用Vue3实现图片拖拽上传功能前端开发中，用户体验是至关重要的，图像上传是许多web应用中经常需要的功能之一。
JJCTO袁龙·2025-06-25 07:14

vue3单张图片放大缩小拖拽功能

此篇为单张，多张请移步多张实现的文章话不多说直接上代码import{ref,onMounted,onBeforeUnmount}from'vue'constboxRef=ref(null)constimgRef=ref(null)letx=0lety=0letisDragging=false//确保元素存在后再操作constgetImgElement=()=>{if(!imgRef.value){
ikun在线敲打·2025-06-25 07:14

vue3模拟生成并渲染10万条数据，并实现本地数据el-table表格分页

效果图：一点都不卡话不多说，直接上码el表格+分页<el-table-columnpro
我爱加班、、·2025-06-25 07:44

Vue3+TS项目封装一个公共的el-table组件二次封装

前言支持动态传入列，列内容可以指定插槽，指定格式化显示样式没太写，主要分享基础功能封装效果Table组件代码BaseTable.vue{{getFormatter(col,row[col.prop])}}
夏与冰·2025-06-25 07:42

Vue 中 filter 过滤的语法详解与注意事项

由于Vue3已移除模板过滤器，我将重点介绍更实用且通用的数组过滤语法和注意事项。
步行cgn·2025-06-25 06:06

vue3+vue-router+vite 实现动态路由

文章中出现的代码是演示版本，仅供参考，实际的业务需求会更加复杂什么是动态路由什么场景会用到动态路由举一个最常见的例子，比如说我们要开发一个后台管理系统，一般来说后台管理系统都会分角色登录，这个时候也就涉及到了权限，比如说这个后台管理系统现在有超级管理员，管理员，运维，财务等这几个角色，每个角色登录系统之后都会有不同的权限，超级管理员需要所有的权限，财务可能只需要财务相关的模块(菜单)以及按钮等，通
YuShiYue·2025-06-25 04:53

使用 Vue 3 + Tiny UI 实现动态表单项及自动校验功能

最终我选择使用Vue3和@opentiny/vue组件库来实现该功能，本文将详细分享我的实现过程。二、技术选型Vue3：基于CompositionAPI的响应式系统，使代码更简洁易维护。
三线码工·2025-06-25 04:22

【Vue3】实现动态高度的虚拟滚动列表

什么是虚拟滚动列表虚拟滚动列表是一种优化长列表渲染性能的技术，通过只渲染可视区域内的列表项，减少‌DOM的渲染数量，从而提高页面滚动的流畅性。核心原理在滚动时，只渲染可视区域内的列表项，而不是一次性渲染所有列表项。通过计算可视区域的起始索引和结束索引，动态渲染该范围内的列表项。当用户滚动时，根据滚动位置动态更新可视区域内的列表项，从而实现虚拟滚动的效果。图例：实现思路为了实现虚拟滚动列表，需要设计
偏向明知山·2025-06-25 00:27

【web前端】Vue3 核心模块与样式管理：从理论到代码实现

文章目录一、Vue3核心模块架构解析1.编译器模块（Compiler）2.运行时模块（Runtime）3.响应式模块（Reactivity）4.组合式API（CompositionAPI）二、样式管理模块详解
JosieBook·2025-06-24 23:12

vue3全局配置截取方法-slice

src/utils/index.tsexportconst_scopeText=(str:string,len:number):string=>{if(str.length{return`${mark}${number}`}main.tsimport{createApp}from'vue'importAppfrom'./App.vue'import*astoolsfrom'./utils/inde
LLL_LH·2025-06-24 20:22

vue3 el-table 根据字段值 改变整行字体颜色

在Vue3中使用ElementPlus的el-table组件时，如果你想根据某一列的字段值来改变整行的字体颜色，你可以通过使用自定义的row-class-name属性或者通过插槽（slot）的方式来达到目的
·2025-06-24 20:50

arco design Vue3使用高德地图，高德地图正常加载，但路线不出来

使用了高德地图的，@amap/amap-jsapi-loader插件，然后按照高德地图的实例使用组件，其他项目里面都可以正常显示，但在arcodesign项目里面，左下角的高德地图名称，可以显示，但图片就是不能显示，找了半天问题，结果是version的问题。把version:2.0注释掉就行import{onMounted,onUnmounted}from'vue';importAMapLoade
LLL_LH·2025-06-24 20:20

超简单解决vue3+vite报错The requested module ‘node:fs/promises‘ does not provide an export named ‘constants‘

报错信息：importfsp,{constantsasconstants$3}from'node:fs/promises';^^^^^^^^^SyntaxError:Therequestedmodule'node:fs/promises'doesnotprovideanexportnamed'constants'本人使用的是node17.0.0查找了下说是node换成18.0.0就启动正常了，改了
sunshine_程序媛·2025-06-24 18:38

vue3中父子级互相传递数据以及demo

1、父级传到子级通过props接收//父级组件父组件import{ref,watch,watchEffect}from"vue";importChildfrom"./Child.vue";constmessage=ref("");//子级组件子组件信息：{{message}}import{ref,watch,watchEffect}from"vue";defineProps({message:St
·2025-06-24 18:38

Vue3实现markdown-it支持chartjs、Echartjs、mermaid的渲染

为实现AI助手中回答页面，页面支持渲染文本，chartjs，Echartjs和mermaid的渲染，实现富文本内容动态可视化展示。核心功能需求通过markdown-it插件扩展语法解析Markdown代码块，支持动态渲染交互式图表和流程图。配置自定义渲染规则处理特殊代码类型，实现可视化内容嵌入。1.插件安装与配置npminstallmarkdown-itmarkdown-it-multimd-ta
小牛变大niu·2025-06-24 15:15

网页编辑器粘贴WORD图片时保持原格式的秘诀

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
M_Snow·2025-06-24 15:45

CMS、整站程序集成百度UEditor：实现WORD内容一键导入

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
全武凌(荆门泽优)·2025-06-24 15:11

nuxt3 + vue3 分片上传组件全解析（大文件分片上传）

本文将详细介绍一个基于Vue.js的分片上传组件的设计与实现，该组件支持大文件分片上传进度显示等功能。组件概述这个上传组件主要包含以下功能：支持大文件分片上传（默认5MB一个分片）支持文件哈希计算，用于文件唯一标识显示上传进度（整体和单个文件）支持自定义UI样式提供完整的文件管理功能（添加、删除）后端支持分片合并和临时存储组件结构组件由三个主要文件组成：Uploader.vue-主组件fileCh
给钱，谢谢！·2025-06-24 11:51

【web应用】若依框架Vue3前端开发深度指南：从架构设计到工程化实践

文章目录一、引言：若依Vue3的技术演进与生态价值二、编程语言双轨制：JavaScript与TypeScript的场景化应用1.JavaScript：快速原型开发的利器实战案例：动态表单生成器2.TypeScript
JosieBook·2025-06-24 11:49

前端开发中如何优雅地使用 Server-Sent Events（SSE）实现实时推送

作者：小彭努力中日期：2025-06-24技术栈：Vue3+TypeScript+Node.js+SSE关键词：实时推送、SSE、Vue3、前端优化、消息通知系统一、前言在前端开发中，实时通讯的需求越来越广泛
吉檀迦俐·2025-06-24 10:09

重生之我在学Vue-- Vue3 学习路径总览

重生之我在学Vue--Vue3学习路径总览文章目录重生之我在学Vue--Vue3学习路径总览前言Day1-10：基础阶段Day1：Vue3基础与开发环境搭建Day2：CompositionAPI与响应式系统
野生的程序媛·2025-06-24 06:17

vue3 defineExpose的使用

子组件//子组价子组件num值：{{num}}import{ref}from"vue";constnum=ref(100);constfn=()=>{console.log('我是方法');}defineExpose({num,fn})父组件//父组价import{onMounted,ref}from"vue";constchild=ref(null);onMounted(()=>{console
我在北京coding·2025-06-24 03:57

Vue3使用el-table实现多级表头合并列

不难发现，需要多级表头的列只需要在外面包一层el-table-column起名字即可
Abao·2025-06-24 03:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他