#vue 第59页

Vue3父子组件数据同步方法

在Vue3中，当子组件需要修改父组件传递的数据副本并同步更新时，可以通过以下步骤实现：方法1：使用v-model和计算属性（实时同步）父组件：vueimport{ref}from'vue';constparentData

BillKu·2025-04-27 22:19

Vue2+ElementUI实现无限级菜单

使用Vue2和ElementUI实现无限级菜单，通常菜单数据以树形结构存储，每个菜单包含多个子菜单，子菜单又可以继续包含更深层次的子菜单项。所以，需要使用递归形式，完成子项菜单的渲染。

觉醒法师·2025-04-27 22:18

MeetingWeb: 基于webrtc的Vue视频会议项目

MeetingWeb:基于webrtc的Vue视频会议项目【下载地址】MeetingWeb基于webrtc的Vue视频会议项目MeetingWeb是一个基于WebRTC技术的在线视频会议项目，采用Vue.js

丁宏同Isaiah·2025-04-27 21:44

vue-element-admin - 超详细克隆并运行项目教程，完美解决 git clone 克隆项目失败、npm install 装包报错失败、项目运行后打开是英文的汉化等问题（新手小白一看就懂）

本文站在新手小白的角度，从0-1克隆项目（完美解决了克隆失败的问题）、npminstall装包并配置运行起来，以及界面是英文的汉化等一系列的问题，您可以按照本文的教程，轻松完成vue-element-admin

王二红·2025-04-27 20:37

Vue 2 vs Vue 3：核心语法与 API 对比详解

对于已经熟悉Vue2的开发者来说，理解Vue3在核心语法和API上的变化是过渡的关键。

尹劭东·2025-04-27 19:30

vue3 将文字或链接生成二维码 qrcode.vue

安装npminstall--saveqrcode.vue案例vue3+ts利用Popover气泡卡片点击后弹窗，或是修改为鼠标触动弹框都可以还可以写css样式改变二维码与卡片样式【Popover气泡卡片

outside-R·2025-04-27 18:53

Vue.js进阶实践：串行请求管理与优雅中断方案

abortController.signal.aborted)break;awaitgenerateSingleReport(item);}}队列控制：通过for循环+await实现真正串行执行状态管理：使用Vue

梦的晓析者·2025-04-27 18:21

Vue3 实现扫码枪监听与二维码解析

以下是一个基于Vue3的扫码枪监听与二维码解析的完整实现。通过监听键盘事件，识别扫码枪输入的内容，并对二维码数据进行解析和处理。

梦的晓析者·2025-04-27 18:21

vue3+ts文字或链接转为二维码图片

需求：扫描二维码下载app,后端已提供接口并请求定向到下载app功能，现需要将接口链接赋值到二维码图片，比如扫码二维码即为请求/app/download/v1.0.0接口并可实现下载功能，将图片赋值为/app/download/v1.0.0即可。实际实现即可翻译为：文字转为二维码图片1-安装qrcode库npmiqrcode2-新建QRCode组件import{defineProps,ref,on

小猿L·2025-04-27 17:50

Vue3 里 CSS 深度作用选择器 :deep()

解释在Vue组件里，CSS默认是scoped（作用域限定的），只对当前组件生效。如果你想在scoped样式里，穿透到子组件的内部元素，就要用:deep()。

珠峰下的沙砾·2025-04-27 16:10

Vue3 里 CSS 深度作用选择器 :global

在Vue3的中，:global()是用来声明全局样式的！意思是：即使你的是scoped的，:global(.test)里面的样式也是全局生效的！

珠峰下的沙砾·2025-04-27 16:10

毕业设计：图书管理系统（Vue + Spring Boot 全栈开发）

毕业设计：图书管理系统（Vue+SpringBoot全栈开发）✅本文为毕业设计项目实战内容，适用于毕业设计选题、简历项目展示、论文撰写、实战开发学习。

Java不晚·2025-04-27 16:08

毕业设计：校园二手交易系统（Vue + Spring Boot）全流程实战详解

毕业设计：校园二手交易系统（Vue+SpringBoot）全流程实战详解一、项目简介本项目是一套基于Vue+SpringBoot的校园二手交易平台，适用于毕业设计、课程设计或实际部署使用，支持买卖双方在校园内发布

Java不晚·2025-04-27 16:08

基于Java，SpringBoot，Vue，HTML宠物相亲配对婚恋系统设计

摘要基于Java、SpringBoot、Vue和HTML的宠物相亲配对系统设计旨在为宠物主人打造一个高效、智能的宠物社交与配对平台。

程序猿大波·2025-04-27 15:35

实时通信利器：Vue中WebSocket的深入实践与应用

一、背景与概述在现代Web应用中，实时通信需求日益增加。无论是聊天应用、在线游戏还是实时数据监控，WebSocket技术都成为了实现高效、低延迟双向通信的关键工具。WebSocket提供了一种在客户端和服务器之间建立持久连接的方式，使得数据能够实时地双向传输，相比传统的HTTP轮询，WebSocket能够显著减少延迟和带宽消耗。二、WebSocket的发展史初期背景在WebSocket技术出现之前

Caleb-niu·2025-04-27 14:57

vue中 vue.config.js反向代理

新建一个node服务1npminit-y//创建一个package.json2.npmiexpress3.新建一个app.js4.键入代码constexpress=require("express")constapp=express()app.get("/user",(req,res)=>{res.send({"name":"good"})})app.listen(3200)5.启动node--n

m0_62782752·2025-04-27 14:55

lodash 和 lodash-es 的区别

实验创建实验项目通过创建一个Vite+Vue的项目进行此次实验。

foolishflyfox·2025-04-27 08:17

在 Vue3 中封装的 Axios 实例中，若需要为部分接口提供手动取消请求的功能

核心思路封装接口时返回Promise和abort方法：为需要支持取消的接口返回一个对象，包含promise和abort方法，用户可通过abort主动中断请求。使用AbortController或CancelToken：推荐AbortController（浏览器原生API，兼容性更好）。若使用axios的CancelToken，需额外处理。实现步骤1.封装Axios实例//src/api/index

梦境之冢·2025-04-27 07:13

[Vue3]绑定props 默认值

前言使用TS、Vue3组织组件中传入props的通用方式步骤步骤1：使用defineProps定义Props使用interface定义props中各项的类型：//组件List.vue//定义Props类型和接口

水果摊见·2025-04-27 07:39

Vue项目实战

一、项目介绍优选商城pc端旅途移动端web项目（H5）后台管理系统ts+vue3常见前端项目的UI库后台管理系统：elementUI、Ant-Design小程序：vant移动端web：vant门户网站：

DustinWangq·2025-04-27 07:39

CZX前端秘籍2

vue生命周期（组件从创建到销毁的过程就是它的生命周期）创建前beforeCreat（在这个阶段属性和方法都不能使用）创建时created（这里时实例创建完成之后，在这里完成了数据监测，可以使用数据，修改数据

C先生20190721·2025-04-27 06:02

《Pinia 从入门到精通》Vue 3 官方状态管理 -- 插件扩展篇

使用插件扩展功能可以同时使用多个插件（插件“中间件式”机制）一、使用多个插件的方式二、插件机制简图三、插件互不冲突的关键点四、实战示例：多插件组合使用五、组合使用注意事项推荐插件组合搭配方案（实战模板）根据不同Store应用不同插件原理说明：示例：不同Store应用不同插件逻辑1.插件模板（适用于多个Store）2.注册时统一使用该插件更灵活的“插件调度器”方案✅思路：创建一个“插件调度器”，在其

Wannaer·2025-04-27 06:01

vue3并发请求Promise.all和Promise.allSettled

在Vue3中，使用Promise.all处理并发请求可以高效地并行获取数据。以下是实现步骤和示例：步骤说明生命周期钩子：在onMounted中触发请求，确保组件挂载后执行。

BillKu·2025-04-27 05:30

vue3使用 Record 替换 switch

switch//获取类型值constgetTypeValue=(key:number)=>{switch(key){case0:return"不评价";case1:return"卫生评价";case2:return"检验结论";case3:return"卫生评价+检验结论";default:return"";}};Record//获取类型值constgetTypeValue=(key:number

BillKu·2025-04-27 05:30

Vue3中AbortController取消请求的用法详解

在Vue3中，AbortController用于取消fetch请求，避免组件卸载后仍执行异步操作导致的潜在问题（如内存泄漏或更新已销毁组件的状态）。

BillKu·2025-04-27 05:29

pnpm monoreop 打包时 node_modules 内部包 typescript 不能推导出类型报错

/packages/antdv/components/pro-table/src/form-render.vue:405:1-errorTS2742:Theinferredtypeof'default'cannotbenamedwithoutareferenceto

YuShiYue·2025-04-27 04:53

2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

部分都是百度的答案，不是特全面的，可以自己找下同时分享一个自己录制的CSS3动画特效经典案例【推荐教程】--后期会更新vue框架微信小程序等内容。

数字定义汽车·2025-04-27 03:18

vue3 给全局(每个实例) 添加公共方法

众所周知，vue3，现在不会暴露Vue对象给你用了！那么该如何给它的每个子组件实例添加公共的方法呢？

Z_ One Dream·2025-04-27 03:14

vscode中调试vue程序

vscode调试vue需要设置两个位置,第一个位置位于babel.config.js内,第二个则是由vscode生成的调试配置文件launch.json1.babelconfig.js的设置constplugins

ashcn2001·2025-04-27 02:41

全面指南：如何发布自己的npm插件包

文章目录项目初始化与配置创建项目文件夹初始化npm项目配置package.json选择合适的开源协议代码编写与组件开发编写插件代码开发Vue或其他框架组件编写README.md和LICENSE文件READ

我就是全世界·2025-04-27 02:37

修改巨人的npm包 & 如何用npm上传、更新自己的包

其实刚刚从传统前端+后端转到现在主流的node，前后端分离，vue三个月不到的我，其实还没有想过自己会写包上传到npm给大家使用……契机来源于，我下载了一个别人写好的基于vue实现的treegrid包，

Connie_豆·2025-04-27 02:36

08前端项目----升序/降序

升序/降序vue实现升序/降序服务器处理vue实现升序/降序用vue实现升序/降序，以及css绘制三角形综合价格.angle_top{width:0;height:0;display:block;border-style

Stella2521·2025-04-27 00:26

vue3 vite terser打包后保留console.log输出的做法

S将其保存到dependencies而不是devDependencies2、在vite.config.js中进行如下配置:和plugins同级建一个build，然后在里边进行如下配置plugins:[vue

jjw_zyfx·2025-04-26 22:47

基于Springboot的网上拍卖系统

使用技术Springboot+reids+vue(注：html的方式)+elementui主要功能用户：1.查询商品2.登录注册3.参与商品竞价4.发布商品5.竞价商品管理6.卖出商品管理7.物流信息管理

lozhyf·2025-04-26 21:08

vue3--手写手机屏组件

{}">import{ref,watch}from"vue";typeMobileStatusInfo="on"|"off";constprops=defineProps({isOn:{//手机是否显示

旅行者1024号·2025-04-26 19:26

React和Vue区别，以及注意事项

目录一、语法和框架特性的差异二、开发习惯和注意事项三、特别注意事项一、语法和框架特性的差异模板语法：Vue使用了类似于传统HTML的模板语法，通过双大括号{{}}进行插值，而React则使用了JSX语法

惜惜然·2025-04-26 18:48

React和Vue对比

React和Vue是当前最受欢迎的两大前端框架，它们都有自己的特点和适用场景。下面将从几个方面对比它们：1.框架类型React：是一个UI库，只专注于构建视图层。

一直在学习的小白~·2025-04-26 18:48

九方前端面试

面试问题回答小编大二找实习面试，跟面试官死缠烂打的一次，公司使用的是vue2和vue3较多，所以问的比较多的是vue2和es6，以下是总结的面试官喜欢问的几个点。1.ES6新特性有哪些？

Deepsleep.·2025-04-26 17:47

react和vue的区别之一

前言小编在学react的时候，发现react在使用ant-design组件的from表单，有点惊奇，跟vue差别确实有点大。

Deepsleep.·2025-04-26 17:45

vue+elementUI实现自定义表单模板组件（二）

前言在上一节主要解决了表单模板的创建问题，在数据库中的存储格式为字符串。主要是通过前端处理，保存为json数组的字符串，形如[{label:"文本",required:true,type:"text",icon:"el-icon-s-tools",placeholder:"",_vModel:"field0"}]再通过JSON.stringify()转为json串后存入数据库。有了表单模板之后，如

林梓阳·2025-04-26 17:14

vue3项目中eslint.config.ts配置rules

vue3项目中eslint.config.ts配置rules1.使用npmcreatevue@latest创建vue项目默认的eslint.config.ts如下import{globalIgnores

前端每日三省·2025-04-26 17:14

el-date-picker设置时间范围

下面这种写法会报错：找不到expirationDate，这是因为涉及到this的指向问题在普通函数中，this的上下文并不指向Vue组件实例，而是取决于函数的调用方式或者是否使用了严格模式data(){

FIRE·2025-04-26 17:13

2、electron vue3 怎么创建子窗口，并给子窗口路由传参

接上回初始化vue3electron项目，创建完vue3electron项目后，现在要实现在渲染进程中点击按钮创建一个新的子窗口开始子窗口创建操作只能在主线程内完成，而创建操作是在渲染线程触发，因此就需要进行两者间的通讯

凉豆菌·2025-04-26 17:12

1、初始化vue3 electron 项目，及安装报错解决方法

开始1、首先，安装：npmi@vue/cli-g2、接着，创建项目，选择vue3vuecreateto-do-reminder3、进入创建好的目录下：cdto-do-reminder4、安装VueCLIPluginElectronBuilder

凉豆菌·2025-04-26 17:11

vue 二次跳转同一页面，页面不刷新，跳转路径相同，参数不同，页面不刷新问题解决方法

原因路由切换，组件并没有被卸载，而是被隐藏了，那么要让vue更新组件，要么卸载组件重新渲染，要么让组件的key发生变化，当组件的key变化时就会触发组件重新渲染。