vue3仿微信

Vue中的自定义事件

本文将带你深入了解：Vue中事件的基本概念如何在子组件中触发自定义事件如何在父组件中监听并处理这些事件自定义事件的命名规范与最佳实践Vue2与Vue3在事件处理上的差异对比掌握Vue自定义事件的使用方法
難釋懷·2025-06-07 17:31

2025前端圈展望：把握这些关键趋势，抢占技术先机！

Vue4.0在继承Vue3.0优势的基础上，对组合式API进行了深度优化。在Vue3.
weixin_47592901·2025-06-07 12:29

vue3+qiankun+vite搭建微前端服务

因业务需要搭建一套微前端服务,阅读文档时发现qiankun与vite无法一起使用,需要引入额外插件才可以一起使用,在这里记录下qiankun基座配置1.修改index.html中div的id,并在main.js中修改挂在函数//index.html//main.jscreateApp(App).mount('#qiankunBaseApp')2.main.js启动qiankunimport{reg
LD喂！·2025-06-07 12:28

qiankun.js配置流程及使用过程中遇到的问题分享

我们项目使用的初衷是为了解决一个后台项目的重构问题，因为项目太过庞大，vue2升级vue3选择了重构，希望可以两个项目并行操作，这也就是我们使用qiankun的理由吧。
写代码的小王吧·2025-06-07 11:26

JAVAWeb--前端工程化

1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3
·2025-06-07 11:55

解决qiankun项目与子应用样式混乱问题

背景qiankun项目用的是Vue2+Antdesign2，但其中一个子应用用的是Vue3+Antdesign4。集成之后发现子应用的样式混乱，渲染的是Antdesign2的样式。
web小奶精·2025-06-07 11:54

qiankun微前端vue3+ts+vite（配置示例）

//主应用main.ts//注册子应用registerMicroApps([{name:'sub_ANALYTICS_APM_SEARCH',entry:'http://localhost:7101/',//子应用地址container:'#sub-container',//子应用挂载容器activeRule:'/controller/#/location=ANALYTICS_APM_SEARCH
湖边看客·2025-06-07 11:54

基于 qiankun + vite + vue3 构建微前端应用实践

核心内容摘要技术栈组合采用Vite+Vue3+Qiankun构建微前端架构主应用和子应用独立开发部署，通过Qiankun集成2.主应用关键配置通过registerMicroApps注册子应用，配置路由匹配规则
MINO吖·2025-06-07 11:53

vue3+ts+vite：详细、完整的 tsconfig.json 示例 / 常见配置项及其用途

一、tsconfig.json示例{"compilerOptions":{//1.编译目标与模块系统"target":"ES2020",//指定编译后的JavaScript版本为ES2020"module":"ESNext",//指定模块系统为ESNext（支持动态导入等）"moduleResolution":"node",//模块解析策略为Node.js风格（兼容npm包）//2.严格类型检查"
·2025-06-07 05:40

Vite-Vue3-Admin 项目教程

Vite-Vue3-Admin项目教程vite-vue3-admin基于vite4.x+vue3.x+ant-design-vue3.x+typescripthooks的基础后台管理系统模板RBAC的权限系统项目地址
史淳莹Deirdre·2025-06-07 03:00

vue3子组件获取并修改父组件的值

在子组件中，父组件传递来的prop是只读的，但是确实有修改的需求，故此做个小小研究//父组件使用模版：@update:xxx="dialogVisible=$event"//子组件使用模版//constemits=defineEmits(['update:xxx']);//emits('update:xxx',false)//父组件//:dialogVisible="dialogVisible"向
小约翰仓鼠·2025-06-07 02:25

vue3 el-table表头样式（背景颜色，字体颜色）

如果不加!important，可能导致样式不生效1、统一更改表头样式2、自定义各个列表头样式//修改tableheadercell的背景色consttableHeaderCellStyle=({row,column,rowIndex,columnIndex})=>{if(rowIndex===0){//第一行（表头）//第一列和第二列，背景颜色改为pinkif(columnIndex==1||co
Momoly08·2025-06-06 18:21

用Vue3和Plotly.js绘制交互式3D烛形图

本文由ScriptEcho平台提供技术支持项目地址：传送门Plotly.js实现交互式K线图应用场景K线图广泛应用于金融领域，用于展示股票、外汇等金融产品的价格走势。它直观地呈现了开盘价、收盘价、最高价和最低价等信息，帮助投资者分析市场趋势和做出交易决策。基本功能本代码使用Plotly.js库创建了一张交互式的K线图，具有以下基本功能：**数据可视化：**绘制K线，显示股票价格的开盘价、收盘价、最
ScriptEcho·2025-06-06 13:49

用Vue3和Plotly.js绘制交互式3D小提琴图

本文由ScriptEcho平台提供技术支持项目地址：传送门Vue中使用Plotly.js创建小提琴图应用场景介绍小提琴图是一种统计图，用于显示数据的分布和中心趋势。它结合了箱线图和密度图的特点，可以直观地展示数据的分散性和形状。代码基本功能介绍此代码使用Vue和Plotly.js库在Vue应用程序中创建一个小提琴图。它加载必要的JavaScript库，从CSV文件中读取数据，并使用Plotly.j
ScriptEcho·2025-06-06 13:19

element-vue3-admin用router.push跳转新页面并刷新新页面

element-vue3-admin用router.push跳转新页面并刷新新页面方法一：使用key属性强制刷新1.首先在invex.vue页面加上router-view标签对2.然后在add.vue页面加入如下代码方法二
大叔是90后大叔·2025-06-06 12:42

十三、【核心功能篇】测试计划管理：组织和编排测试用例

TestPlan`模型2.生成并应用数据库迁移3.创建`TestPlanSerializer`4.创建`TestPlanViewSet`5.注册路由6.注册到DjangoAdmin第二部分：前端实现(Vue3
blues_C·2025-06-06 08:13

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_运动计划日历示例（CalendarView01_17）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_运动计划日历示例（CalendarView01_17）
宝码香车·2025-06-06 06:33

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_倒班排班日历示例（CalendarView01_16）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_倒班排班日历示例（CalendarView01_16）
宝码香车·2025-06-06 06:03

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_日历心情记录示例（CalendarView01_13）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_日历心情记录示例（CalendarView01_13）
宝码香车·2025-06-06 06:33

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_自定义当前日期示例（CalendarView01_10）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_自定义当前日期示例（CalendarView01_10
宝码香车·2025-06-06 06:33

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例11，TableView16_11 拖拽与行编辑结合示例

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例11，TableView16_11拖拽与行编辑结合示例前言页面效果组件代码代码测试测试代码正常跑通
宝码香车·2025-06-06 06:33

微信小程序前端面经

一、技术栈与编码能力（10min）1.Vue3&CompositionAPIQ1：请解释一下ref和reactive的区别？你在项目中是如何使用的？
Nueuis·2025-06-06 04:20

Vue3 el-switch @change事件在初始化时会自动调用问题处理的几种方法

//方法一1、把@change事件改成使用before-change2、before-change它的描述是switch状态改变前的钩子,返回false或者返回Promise且被reject则停止切换api中使用类型是boolean/function，function对应写成()=>Promise:before-change="()=>checkState(item)"//tip：这种方法实际上我
Jinxiansen0211·2025-06-06 02:08

react实现聊天界面_react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在reactnative原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。一、项目简述基于react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等
·2025-06-06 00:22

vue3+elementplus表格表头加图标及文字提示

表头加自定义内容有很多种方法，包括使用el-icon，插槽，CSS伪元素添加图标还有font-awesome等等。一、方法一：使用render-header属性{return({column.label})}">二、方法2：使用插槽年龄三、方法3：通过CSS伪元素添加图标/*在特定列后添加图标*/.el-table__headerth:nth-child(3).cell::after{conten
啊～哈·2025-06-05 16:56

vue3制作第三方网页流程

刚入职公司两个月让我做一个三方网页出来，还是后台管理系统内部页面，一开始感觉脑袋疼没有思路（小菜鸡一个），后来问大神上网查资料刚有点头绪，服务器崩了用不了一点，主管有在催促，怎么办呢？硬着头皮盲写，总得来说波折挺多，但是好歹最后还是完成了。（长舒一口气）接下来总结一下这几天来的经历（其实挺简单的，但是之前没接触过，所以感觉头很大）、一、路由拆分首先拆分需要做成三方页面的路由放在最外层{name:"
啊～哈·2025-06-05 13:12

深入了解Vue2和Vue3的响应式原理

想必大家在学习vue的时候都会有这样的疑问，自己在学习JavaScript的时候，不论要修改什么内容，只有在页面刷新的时候，我们的值才会发生更新变化，但是当我们在一个vue项目中进行一样的操作的时候，就可以实现实时的变化，这是为什么呢，这是因为vue当中可以实现响应式数据更新，什么是响应式数据更新？到底是通过什么来进行实现的呢？vue2中的响应式原理:vue2中是通过Object.definePr
超级无敌大蟑王·2025-06-05 13:39

Vue前端篇——Vue 3的watch深度解析

本文将通过实际代码示例，深入讲解Vue3中watch的使用方法和适用场景，帮助你更好地理解和掌握这一重要功能。一、watch的基本作用watch的主要作用是监视响应式数据的变化。
小二爱编程··2025-06-05 13:08

【前端】vue3性能优化方案

以下是Vue3性能优化的系统性方案，结合核心优化策略与实用技巧，覆盖渲染、响应式、加载、代码等多个维度：⚙️一、渲染优化精准控制渲染范围v-ifvsv-show：v-if：条件为假时销毁DOM，适合低频切换场景
Fly-ping·2025-06-05 12:30

Windows Server部署Vue3+Spring Boot项目

在WindowsServer上部署Vue3+SpringBoot前后端分离项目的详细步骤如下：一、环境准备安装JDK17+下载JDKMSI安装包（如OracleJDK或OpenJDK）双击安装，配置环境变量
BillKu·2025-06-05 06:50

Vue3 - 响应式工具函数（使用教程）

Vue3为响应式提供了一些工具函数，辅助开发：API说明isRef()检查某个值是否为ref。
王二红·2025-06-05 06:18

Vue3 组合式函数

文章目录一、概述1.1概念解答1.2核心知识概述1.3与Mixin对比三、灵活性四、案例五、异步状态六、接收响应式状态一、概述1.1概念解答官方给出的解释：“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。有状态の逻辑有状态の逻辑负责管理随着时间而变化的状态。在项目开发过程中，如：触摸手势、数据库的连接状态这些功能的实现。无状态の逻辑在接收一些参数
MagnumHou·2025-06-05 06:47

关于vue—cli创建vue3项目引入element plus 按需引入方式的记录

虽然说工作中一直使用的vue2但是在空闲之余也学习学习vue3，在断断续续的学习中，打算用element框架，但是在按需引入的时候频频报错，如果不按需引入全局引入的话又导致项目体积过大，后在查阅相关资料之后顺利的解决
TuanZi Only·2025-06-05 03:27

qiankun在vue3 vue2 为主应用 ，vue3+vite为子应用 使用

https://gitee.com/qiaoyongli/qiankun.git1.vue2的主应用（1）引入乾坤包npminstallqiankun-S（2）main.js代码如下importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;//qiankun配置import{registerMicroApp
！执行·2025-06-05 01:40

使用 Vue3 + Webpack 和 Vue3 + Vite 实现微前端架构（基于 Qiankun）

本文将详细介绍如何使用Vue3+Webpack作为主项目，Vue3+Vite作为子项目，并通过Qiankun实现微前端架构。主项目配置（Vue3+Webpack）主项目是整个微前端架构的核心，它负
指尖上的 Web·2025-06-05 01:40

vue3+ts+vite+qiankun项目配置及部署

#微前端##应用间资源共享##敏捷开发#qiankun部署项目描述主应用:vue3+ts+vite+qiankun微应用:vue3+ts+vite+qiankun路由模式都是History乾坤插件:主应用
法海站如来·2025-06-05 01:40

qiankun微前端——接入子应用Vue3+vite实现

qiankun：乾坤微前端框架什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.–MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构旨在解决单体应用在
三行代码解决·2025-06-05 01:09

构建工具vite详解

前言Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。
简单灬爱·2025-06-04 23:56

后台管理系统八股

项⽬地址：https://github.com/Xiaodie-888/Frontend.git前端https://github.com/Xiaodie-888/backend.git后端技术栈：Vue3
Xiao_die888·2025-06-04 23:23

VUE组件库开发 八股

VUE中后台组件库开发项⽬地址：https://github.com/Xiaodie-888/element.git项⽬描述：基于Vue3+TypeScript开发的轻量级组件库，采⽤CompositionAPI
Xiao_die888·2025-06-04 23:53

npm run build (!) Some chunks are larger than 500 kB after minification. Consider:

说明：这里用的vue3,具体版本是："vue":"^3.3.10"1.解决办法找到vite.config.js文件在exportdefaultdefineConfig内加入build代码build:{chunkSizeWarningLimit
weixin_41934979·2025-06-04 21:39

vue3+ts+vite 打包的时候提示【vite (!) Some chunks are larger than 500 kBs after minification.】

vue3+ts+vite打包的时候提示【vite(!)
小小黑007·2025-06-04 20:07

【electron+vue3】使用JustAuth实现第三方登录（前后端完整版）

实现过程去第三方平台拿到client-id和client-secret，并配置一个能够外网访问回调地址redirect-uri供第三方服务回调搭建后端服务，引入justauth-spring-boot-starter直接在配置文件中定义好第一步的三个参数，并提供获取登录页面的接口和回调接口前端项目中新建一个登录窗口和一个登录中转页面，登录窗口的url从第二步第一个接口获取，中转页面从第二步的第二个
占星安啦·2025-06-04 18:45

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Dad Jokes（冷笑话卡片）

我们继续50个小项目挑战！——DadJokes组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/豆包翻译确实可以，冷笑话应该属于各类语言比较难理解的风格，这里豆包自动解析出了其中的含义。确实不错！！！组件目标构建一个轻量有趣的“DadJokes”组件，点击按钮即可获
sunbyte·2025-06-04 17:05

vue2升级vue3

vue2升级vue3父子自定义事件插槽差异父子自定义事件父组件的传给子组件的自定义事件以短横形式命名，例如：@my-click子组件声明该自定义事件时为myClick事件可以正常触发插槽差异vue2：{
南朝听月·2025-06-04 16:33

vue3 - element plus表格自动循环滚动，Table表格组件每隔N秒无限滚动翻阅功能，el-table表格定时自动滚动（每秒自动向下滚动一行，当鼠标移入表格时停止滚动，移出表格继续滚动）

效果图在Vue3+Element-plus项目中，实现el-table表格每隔一段时间自动滚动下翻效果，Table表格列表无缝滚动示例代码，表格每秒向下滚动一个表格行的高度，用户将鼠标移入表格区域时停止滚动
十一猫咪爱养鱼·2025-06-04 15:23

解决Vue3+uni-app导航栏高亮自动同步方案

路由跳转自动识别导航高亮实现方法以下代码使用wd-tabbar组件实现路由跳转时自动同步导航栏高亮状态，适用于所有的Vue3+uni-app项目。
一条小仔仔·2025-06-04 12:28

鸿蒙OS&UniApp PWA开发实践：打造跨平台渐进式应用#三方框架 #Uniapp

技术栈选择经过多轮技术评估，我们最终确定了以下技术栈：基础框架：UniApp+Vue3+TypeScriptPWA框架：
淼学派对·2025-06-04 07:17

FastAPI+Vue+AntDesign后台快速开发框架

项目介绍一款Python语言基于FastAPI、Vue3.x、AntDesign、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件
沙拉.伊万卡·2025-06-04 06:36

Vue 3 中ref 结合ts 获取 DOM 元素的实践指南。

DOM元素1.引用通用DOM元素（`HTMLElement`）2.引用特定类型的DOM元素（如`HTMLDivElement`）三、语法中的类型定义四、引用自定义组件实例五、最佳实践与注意事项总结前言在Vue3
小码龙~·2025-06-04 01:37
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他