Vue3组件化开发实战第8页

umi搭建react项目

它与React的关系是，UMI构建在React生态系统之上，利用React提供的组件化开发方式和生态系统的丰富资源来进行开发。

小刘，刘不刘·2025-06-27 06:10

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

小橘子影视-安卓架构分析，最新版完美适配ios+安卓

近年来，移动视频播放工具在技术架构上逐渐趋向轻量、组件化与模块解耦，典型案例之一是近期版本的小橘子影视。

2501_92516489·2025-06-26 22:42

【React Three.js，探索前端技术之—— 简单的人脸动捕与 3D 模型表情同步应用】

简介：React是一个用于构建用户界面的JavaScript框架，以其组件化的设计和高效的更新机制而闻名。

智界软体库·2025-06-26 21:08

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

鸿蒙仓颉输入法开发实战：传统智慧与现代技术的碰撞

在鸿蒙应用开发中，集成高效的输入法引擎是提升用户体验的关键。今天，我将分享如何基于HarmonyOS的输入法框架，快速实现仓颉输入法功能。仓颉输入法以其独特的字形编码逻辑著称，尤其适合中文快速输入。核心实现主要分为三步：1.权限说明在module.json5中添加输入法权限"requestPermissions":[{"name":"ohos.permission.INPUT_METHOD"}]2

码农小峰峰·2025-06-26 09:17

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

然而，在Vue项目中直接使用ECharts可能会遇到状态管理、响应式更新和组件化封装的挑战。本文将介绍如何在Vue3中封装一个高效、可复用的ECharts组件——TChart。

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

React19开发指南：从零基础到项目实战

React，以其声明式的优雅与组件化的智慧，早已重塑前端疆域。

莲华君·2025-06-26 01:51

ComfyUI底层架构大揭秘：从节点工厂到AI艺术流水线

艺术的生产流水线深度目录开篇类比：汽车工厂与节点流水线核心骨架：模块化节点系统设计⚙️动力引擎：Python异步执行框架神经连接：事件驱动架构剖析加速秘籍：显存优化三大黑科技跨域桥梁：前后端通信协议解密扩展革命：自定义节点开发实战

留思难·2025-06-25 21:21

Vue3响应式原理与API

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

爱分享的程序员·2025-06-25 21:49

阿里云百炼开源面向 Java 开发者的 NL2SQL 智能体框架

阿里云云原生·2025-06-25 20:44

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

JavaWeb核心技术系列教程(04)——Servlet入门详解及原理剖析

C语言自学完备手册(33篇)Android多分辨率适配框架JavaWeb核心技术系列教程HTML5前端开发实战系列教程MySQL数据库实操教程(35篇图文版)推翻自己和过往——自定义View系列教程(10

谷哥的小弟·2025-06-25 17:25

React19进阶指南：从零基础到深度学习

React，以其声明式的优雅与组件化的智慧，早已重塑前端疆域。

莲华君·2025-06-25 17:24

纯血HarmonyOS5 打造小游戏实践：绘画板（附源文件）

技术栈主要包括：ArkUI框架：提供声明式UI开发能力，支持响应式布局和组件化开发Canv

我睡醒再说·2025-06-25 16:14

鸿蒙5.0版开发：ArkTS容器组件（FolderStack）

鸿蒙HarmonyOSNext应用开发实战学习路线鸿蒙HarmonyOSNEXT开发技术最全学习路线指南鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）FolderStackFolderStack

星星不闪包退1·2025-06-25 15:11

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

推荐频道

Vue3组件化开发实战