#vue 第72页

【基于Vue3组合式API的互斥输入模式实现与实践分享】

基于Vue3组合式API的互斥输入模式实现与实践分享目录背景与痛点设计思路技术实现使用场景与案例遇到的问题与解决方案最佳实践总结1.背景与痛点在表单交互设计中，我们经常面临这样的场景：多种输入方式互斥。

Gazer_S·2025-04-09 05:15

Vue3 视频播放与截图功能实现

视频播放使用HTML5的标签实现，src改成你自己的视频路径。video标签基本属性视频截图功能实现思路1.视频帧捕获：首先，通过元素获取当前播放的视频帧画面，浏览器会将视频解码为连续的图像帧，我们可以通过标签的API访问当前显示的帧。2.Canvas绘制转换：创建一个与视频尺寸相同的Canvas画布，使用Canvas2D上下文（Condext2D）的drawImage()方法将视频帧绘制到画布上

Fri_·2025-04-09 03:27

基于Python的校园人脸识别考勤管理系统

基于Python的校园人脸识别考勤管理系统技术路线：软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm

IT实战课堂@白老师·2025-04-09 01:47

Vue3在ZKmall开源商城前端的应用实践与技术创新

ZKmall开源商城作为一款企业级电商解决方案，其前端架构基于Vue3实现了高效、灵活的开发模式，结合响应式设计、组件化开发与全链路性能优化，为多端协同和复杂业务场景提供了先进的技术支持。

zkmall·2025-04-09 01:14

SpringCloud微服务完整项目实例源码

项目介绍一款Java语言基于SpringCloud、Vue、ElementUI、MySQL等框架精心打造的一款前后端分离框架，致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统

理查德.克莱德曼·2025-04-09 01:44

基于微信平台的购物商城小程序开发

一、设计思路基于微信平台的购物商城小程序开发（使用vue框架，用uniapp编写）后台管理：网站管理人员可以在此管理买家和卖家的权限、商品订单信息、资金交易信息，以及后续售后申请和平台介入信息。

DREAM.ZL·2025-04-08 21:23

html九图拼图游戏代码,基于Vue.js实现数字拼图游戏

先来看看效果图：功能分析当然玩归玩，作为一名Vue爱好者，我们理应深入游戏内部，一探代码的实现。接下来我们就先来分析一下要完成这样的一个游戏，主要需要实现哪些功能。

weixin_39532466·2025-04-08 20:48

【VUE3】Pinia

0前言1手动添加Pinia2创建与使用仓库（SetupStore组合式）2.1创建仓库2.2使用仓库数据2.3解构响应式数据3持久化插件0前言官网：Pinia|TheintuitivestoreforVue.js1

USER_A001·2025-04-08 20:16

Vue.js 模板语法

Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。Vue.js的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统。

宇哥资料·2025-04-08 20:16

Vue.js 条件语句

newVue({el:'#app',data:{seen:true,ok:true}})尝试一下»这里，v-if指令将根据表达式seen的值(true或false)来决定是否插入p元素。

宇哥资料·2025-04-08 20:16

Vue.js 起步

每个Vue应用都需要通过实例化Vue来实现。

宇哥资料·2025-04-08 20:15

你真的懂 Vue 的数据代理吗？深入 Object.defineProperty 的魔法世界

最近我在学习Vue2，算是我正式踏入前端世界的一个开始。之前我长期从事Java后端开发，也做了不少后端项目，但一直对前端的响应式机制很好奇。

Graghm·2025-04-08 19:11

Vue3通透教程TS编译配置

Vue3通透教程TS编译配置引言Vue3与TypeScript的结合创建一个支持TypeScript的Vue项目示例一：初始化项目示例二：配置tsconfig.json示例三：编写组件利用TypeScript

DTcode7·2025-04-08 19:07

vue实战指南 vue中通过ref更改css

vue实战指南vue中通过ref更改css基本概念和作用说明ref属性动态修改CSS示例一：基础用法-直接修改样式示例二：结合条件渲染改变样式示例三：响应式布局调整示例四：动画效果示例五：结合第三方库实际工作开发中的使用技巧在

DTcode7·2025-04-08 19:07

＜ elementUi 组件封装：封装 el-select 组件，实现关键词（经常搜索、热点搜索）提示＞

文章目录前言一、原理二、实现案例三、效果演示往期内容前言在Vue+elementUi开发中，有时候多次重复的搜索关键词，可能需要实现热点搜索或者关键词搜索等功能。

技术宅小温·2025-04-08 19:37

006 ElementUI

@2.12.0在main.js中写入以下内容：importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use

简洁冬冬·2025-04-08 19:36

#关于process.env.NODE_ENV 与 import.meta.env 相关了解

process.env.NODE_ENV在前端Vue项目中非常重要，但它其实是个“假象”，在前端它并不是原生就有的变量。

在下千玦·2025-04-08 19:34

2025年前端技术栈深度解析

2025年前端技术栈深度解析：Vue生态与高效开发实践前端框架：Vue3与Pinia状态管理Vue3核心优势组合式API：提供更灵活的代码组织方式，逻辑关注点更集中性能优化：Proxy响应式系统比Vue2

Thomas Kant·2025-04-08 18:02

分布式微服务系统架构第97集：JVM底层原理

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/JVM内存结构Java虚拟机的内存空间分为

掘金-我是哪吒·2025-04-08 16:20

分布式微服务系统架构第99集：缓存系统的实战级优化案例

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/频繁创建短生命周期对象（如JSON

掘金-我是哪吒·2025-04-08 16:19

【Java源码】基于SpringBoot+Vue的人事管理系统

1项目介绍本课程演示的是一套基于SpringBoot+Vue的人事管理系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。

编程毕设·2025-04-08 12:17

Nodejs + WebSocket + Vue 一对一、一对多聊天室 - 第三章

obj=JSON.parse(obj);//将所有uid对应的连接conn存到一个对象里面conns[‘’+obj.uid+‘’]=conn;if(obj.type===1){letisuser=users.some(item=>{returnitem.uid===obj.uid})if(!isuser){users.push({nickname:obj.nickname,uid:obj.uid}

2301_82244182·2025-04-08 12:16

使用Vue、Nodejs以及websocket搭建一个简易聊天室

简易聊天室说在前面效果展示websocketwebsocket的由来websocket的特点vue前端静态结构效果代码点击切换用户以及该用户高亮实现思路效果展示发送消息功能效果展示连接服务端Nodejs

miraculous111·2025-04-08 12:15

前后端分开架构下web vuejs三维立体three曲线设计入门

import*asTHREEfrom'three';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import*ascurveSubjectfrom"@/api/hologram/curveSubject";exportdefault{name:'ThreeDCurve',mounted(){letwinW

zjqhadoop·2025-04-08 11:11

vuejs入门three曲线图设计

import*asTHREEfrom'three';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import*ascurveSubjectfrom"@/api/hologram/curveSubject";exportdefault{name:'ThreeDCurve',mounted(){letwinW

zjqhadoop·2025-04-08 11:11

vue3 + elementplus 手动实现 el-table 虚拟滚动

scope.column.property]}}-->import{ref,Ref,reactive,onMounted,markRaw,onBeforeUnmount,nextTick,watch}from"vue

A_ugust__·2025-04-08 07:48

vue获取主机id和IP地址

获取主机id和IP地址在vue.config.jsconstos=require("os");functiongetNetworkIp(){letneedHost="";//打开的hosttry{//获得网络接口列表

A_ugust__·2025-04-08 07:18

若依vue集成electron实现打包exe应用程序

一、修改package.json文件，加入相关依赖和配置{"name":"ruoyi","version":"3.8.6","description":"若依管理系统","author"

Roc-xb·2025-04-08 07:45

vue3+electron 桌面应用初始化

1、全局安装vueclinpminstall-g@vue/cli2、使用vuecli初始化vue项目vuecreatemy-vue-project3、添加electron支持vueaddelectron-builder4

土豆丶杨·2025-04-08 07:42

Vue3.2 项目打包成 Electron 桌面应用

本文将详细介绍如何将基于Vue3.2的项目打包成Electron桌面应用。通过结合Electron和VueCLI工具链，可以轻松实现跨平台桌面应用的开发与发布。

A_ugust__·2025-04-08 07:42

JavaScript双问号操作符（??）详解，解决使用 || 时因类型转换带来的问题

与逻辑或操作符||的对比二、复杂场景下的空值处理1、深层嵌套对象的默认值2、函数参数的默认值陷阱3、多条件回退策略三、实战案例解析1、Vue组件中的Prop处理2、表单验证四、双问号操作符的性能优势五、

watermelo37·2025-04-08 05:03

vue3实现markdown工具栏的点击事件监听

这里以监听全屏事件为例监听Vditor编辑器的全屏事件要监听Vditor编辑器的全屏事件，你可以使用Vditor提供的API和事件系统。以下是几种实现方法：方法一：使用Vditor的after钩子函数constvditor=newVditor('editor',{after(){//监听全屏事件vditor.vditor.toolbar.elements.fullscreen.addEventLi

Z编程·2025-04-08 05:32

Vue 3 + Element Plus 快速入门教程

本章教程，主要记录如何在vue3框架中引入ElementPlus的具体步骤。

Roc-xb·2025-04-08 04:58

Uncaught ReferenceError: process is not defined

在vue3安装完element-plus，引入了相关文件，启动项目之后，浏览器控制台遇到报错信息：UncaughtReferenceError:processisnotdefined一、原因分析这个错误

Roc-xb·2025-04-08 04:58

前端面试题（四）：Vue2的生命周期

Vue2中的生命周期分为多个阶段，每个阶段都有相应的生命周期钩子（Hooks）来处理组件在不同阶段的逻辑。

星星跌入梦境*·2025-04-08 03:23

前端面试题（五）：v-model的实现原理

v-model是Vue中一个非常常用的指令，用于在表单控件元素（如输入框、复选框、单选框等）和Vue实例的数据之间创建双向数据绑定。它本质上是一个语法糖，简化了对数据绑定和事件处理的操作。

星星跌入梦境*·2025-04-08 03:23

【前端面试题】：Vue篇

1.Vue的核心是什么？Vue是一套构建用户界面的渐进式自底向上增量开发的MVVM框架，vue的核心只关注视图层，核心思想：数据驱动：使数据和视图之间保持高度一致。

诗意栖心间·2025-04-08 03:52

计算机专业毕业设计题目推荐（新颖选题）专科学习计算机专业相关的毕业设计选题大全✅

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数

会写代码的羊·2025-04-08 02:45

计算机专业毕业设计题目推荐（新颖选题）基于ai机器学习技术相关的毕业设计选题大全✅

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大

会写代码的羊·2025-04-08 02:44

Manus：通用智能体的架构革命与产业破局

技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js

阿珊和她的猫·2025-04-08 01:11

基于Docker架构的毕业设计:2025年计算机毕业设计选题汇总(建议收藏)✅

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费功能设计、

会写代码的羊·2025-04-08 01:11

《任务悬赏系统核心技术解析：SpringBoot + UniApp 高效实战》

技术选型后端：SpringBoot+MyBatis-Plus+MySQL（提供任务管理、支付结算）前端用户端&师傅端：UniApp（Vue语法，支持小程序/公众号/APP）管理后台：Vue+ElementUI

专业系统开发老赵·2025-04-08 01:37

vue中provide和inject 用法

使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过provide/inject可以轻松实现跨级访问父组件的数据二、代码解析或

前端小小只·2025-04-08 00:32

vue3中provide和inject详解

在Vue3中，provide和inject是一对特殊的方法，用于在父组件中提供数据或方法，并在子组件中注入这些数据或方法这种。机制使得跨组件通信变得更加便捷，特别是在处理深层嵌套的组件结构时。

Br不二·2025-04-08 00:02

深入理解 Vue 3 的 Provide/Inject：解锁组件通信的新思路

Vue3中的provide和inject是一种用于组件间通信的强大工具，尤其适用于跨越多级组件的传参需求。相较于传统的props和event方法，它提供了一种更优雅的解决方案。

桂月二二·2025-04-08 00:31

【Vue】的【inject】 API 深入解析

Vue.js是一个用于构建用户界面的渐进式框架。它提供了许多强大的特性，其中之一就是依赖注入机制。injectAPI是Vue组合式API的一部分，允许我们在组件中注入依赖项，这在大型应用中尤其有用。

LLLL96·2025-04-08 00:31

vue中的provide和inject

一、名词解析provide：Object|()=>Objectinject：Array|{[key:string]:string|Symbol|Object}provide：提供依赖``是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性值。inject：注入依赖一个字符串数组，或者是一个对象。属性值可以是一个对象，包含from和default默认值。provid

vues·2025-04-08 00:01

Vue开发必备技巧：用nextTick解决数据与DOM不同步的问题

Vue开发必备技巧：用nextTick解决数据与DOM不同步的问题引子：Vue的“拖延症”与nextTick的救赎各位前端开发者好呀！

coding随想·2025-04-08 00:00

uni-app快速入门指南

一、快速了解uni-app1.1、概述uni-app是一个基于Vue.js框架的跨平台应用开发框架，可以用来开发同时运行在多个平台的应用，包括iOS、Android、Web、以及各种小程序平台（如微信小程序

七安anananan·2025-04-08 00:30

Vue3中的Inject用法全解析

大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何使用inject进行组件间的通信！如果你对组件间的数据传递、事件触发感兴趣，那一定不要错过这篇文章哦！话不多说，直接开整～什么是Inject？

风清扬雨·2025-04-07 23:29

推荐频道

#vue