vue

企业工程项目管理系统源码：Java版源码解析

一、项目概述鸿鹄工程项目管理系统是基于SpringCloud、SpringBoot、Mybatis、Vue和ElementUI技术栈，采用前后端分离架构构建的工程管理软件。

2301_77700816·2025-04-12 02:42

使用 Qiankun 微前端框架搭建 Vue3 项目实践指南

本文基于qiankun@2.10和Vue3，分享如何从零搭建一个微前端项目。一、微前端核心概念主应用（BaseApp）：负责全局路由、状态管理和子应用调度。

前端_刘阿三·2025-04-12 02:40

vue3 + element plus 实现行内编辑el-table的某列数据并保存

vue3+elementplus行内编辑el-table的某列数据并保存需求试想有这么一个需求：你使用了一个elementplus的el-table组件你要改的数据不多，就那么一两列但是实际上有很多列数据

open_book567·2025-04-11 23:55

springboot+vue3+Element-plus前后端分离（文件上传与回显）

一、前端实现（一）、创建vue工程npminitvue@latest输入项目名称【big-file】后，全部选择否。

金融小白数据分析之路·2025-04-11 23:55

vue3+element plus+minio+pdfjs-dist 实现pdf文件上传回显

在Vue3项目中使用PDF.js（pdfjs-dist）可以帮助在应用中渲染和显示PDF文件。本篇主要是想总结一下我踩过的坑，文章结尾会附上完整代码，话不多说先上图展示效果。

一梦浮生jjy·2025-04-11 23:24

Vue.js 过渡 & 动画

过渡Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。Vue提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。

宇哥资料·2025-04-11 22:48

Vue.js 混入

来看一个简单的实例：实例varvm=newVue({el:'#databinding',data:{},methods:{},});//定义一个混入对象varmyMixin={created:function

宇哥资料·2025-04-11 22:18

Vue自定义指令+IntersectionObserver实现图片懒加载

小满的视频代码：图片储存在/assets/images/文件夹下import{Directive}from"vue";/*import.meta.glob：文件引入，将指定文件夹中的文件一次性全部引入1

YUELEI118·2025-04-11 21:10

Vue3 运行时解析SFC单文件模板字符串

源码地址：2091124175/OnlinePreview:vue3在线预览模板需求：后端接口返回了一个vue3单文件模板字符串需要渲染到当前页面。也就是说需要实时解析。

常年游走在bug的边缘·2025-04-11 20:35

vue3项目集成electron

一、环境准备1.确保已安装Node.js(建议版本16.x或更高)2.创建或进入现有Vue项目目录cdyour-vue-project二、添加Electron支持在项目根目录执行：vueaddelectron-builder

貂蝉空大·2025-04-11 20:04

【前端之旅】JavaScript进阶笔记

一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Node.js、Vue、Axios、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习

请你喝杯Java⁡·2025-04-11 19:26

说说React/Vue/Javascript间的联系与区别

React和JavaScript的关系可以理解为‌“框架与语言”‌的关系。React是基于JavaScript构建的一个‌前端库（或框架）‌，用于更高效地开发用户界面（UI）。以下是两者的核心关系及关键点解析：1.‌React是JavaScript的延伸‌‌JavaScript是基础‌：React的所有功能（组件、状态管理、生命周期等）都是用JavaScript实现的。学习React前，必须掌握J

碧海饮冰·2025-04-11 19:25

Vue 框架组件间通信方式

组件间通信方式不管是vue2还是vue3，组件通信方式很重要，以下是常见的几种通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信

Code额·2025-04-11 19:54

【计算机毕业设计选题推荐】基于SpringBoot+Vue的志愿者招募管理系统的设计与实现【附源码+部署+讲解】

⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取源码文章目录⚡⚡文末获取源码基于SpringBoot+Vue的志愿者招募管理系统-研究背景基于SpringBoot+V

计算机毕设编程指导师·2025-04-11 18:52

uni-app简易介绍

目录一、什么是uni-app二、uni-app适合什么样的开发者以及它有哪些优点1.uni-app适合那些有Vue.js开发经验的开发者2.uni-app的优点主要有以下几点：三、uni-app开发环境配置

LFE76·2025-04-11 18:16

【含文档+PPT+源码】基于微信小程序农家乐美食餐厅预约推广系统

项目视频介绍：毕业作品区域农家乐推广程序技术路线：后端：SpringBoot+Vue+ElementUI（后端是前后端分离的）前端：Uniapp框架开发工具：JDK1.8以上+IDEA+MySQL5.7

编程毕设·2025-04-11 17:38

《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第八篇:菜单栏优化和阶段项目源码

致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第八篇:菜单栏优化和阶段项目源码

岫珩·2025-04-11 15:57

下一代前端构建工具 Astro，快如闪电！

Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。

开源项目精选·2025-04-11 13:47

解决 Vue 中 input 输入框被赋值后，无法再修改和编辑的问题

目录需求：出现BUG：Bug代码复现解决问题：解决方法1：解决方法2关于$set()的补充：需求：前段时间，接到了一个需求：在选择框中选中某个下拉菜单时，对应的输入框就得自动填上对应的值。比如在药品名称中选取了生理盐水，下栏的药品单位和药品用法就会自动填上对应的值imgimg出现BUG：接到这个需求后，我就想到用v-model去改变值，但是实现选中菜单自动填写对应的值后，心想用户想修改某个值怎么办

前端贾公子·2025-04-11 13:45

vue3项目实战-轮播图实现，页面组件封装，图片懒加载，组件封装，使用逻辑函数拆分业务

轮播图实现element-plus组件搭建静态结构封装接口apis下新建home.js,添加以下代码（这里的接口是后台提供的，每个项目对应的都不一样，这里只提供方法，以自己的项目为准）importhttpInstancefrom'@/utils/http'//获取bannerexportfunctiongetBannerAPI(params={}){//默认为1,商品为2const{distrib

爱学英语的程序媛·2025-04-11 13:14

推荐项目：Papanasi - 全能 UI 库

papanasiPapanasiistheFrontendUIlibrarytousecrossFrameworks.AsetofcomponentstouseinAngular,Preact,Qwik,React,Solid,Svelte,VueandWebComponents

荣正青·2025-04-11 13:13

【若依】svgIcon组件使用指南

2.构建工具配置‌VueCLI项目‌：需在vue.c

王阔阔·2025-04-11 12:10

【cesium】在vue2中使用cesium（持续更新）

在vue2中使用cesium在项目中使用步骤1.npminstallcesium--save2.接入项目cesium3.index.html中引入cesium4.完成后重启项目！

王阔阔·2025-04-11 12:10

跨框架解决方案-Mitosis【简述与原理】

mitosis是JSX的一个子集，它支持为许多前端框架生成代码，包括React、Vue、

小林搞前端·2025-04-11 12:39

前端跨框架组件解决方案

一、跨框架组件的使用场景1.大型业务的多技术栈需求大型业务企业的前端团队可能使用不同的技术栈（如React和Vue）。通过跨框架组件库，可以实现组件复用，减少重复开发的成本，同时保持设计一致性。

小鸭呱呱呱·2025-04-11 12:07

el-select组件与el-tree组件结合实现下拉选择树型结构框

下拉选择树型结构框实现效果图组件完整代码实现效果图组件完整代码import{mapState,mapActions}from"vuex";exportdefault{props:{treeData:{type

王阔阔·2025-04-11 12:06

实现一个 Markdown 编辑器组件：Vue 3 + Vite + Highlight.js

文章目录一、项目背景与需求分析二、搭建基础项目1.初始化Vue3项目2.安装依赖三、实现Markdown编辑器组件1.创建Markdown编辑器组件2.组件说明四、优化与拓展1.自动保存功能2.文件上传功能五

前端极客探险家·2025-04-11 11:32

前端面试题（七）：什么是vuex，请解释一下它在Vue中的作用

Vuex是一个专门为Vue.js应用程序开发的状态管理库。它可以集中管理应用的所有状态，并保证状态以一种可预测的方式发生变化。

星星跌入梦境*·2025-04-11 10:58

UniApp 开发从入门到精通

UniApp是什么核心特点和优点UniApp的使用场景1.2开发环境搭建安装HBuilderXIDE配置必要工具：Node.js和npm创建第一个UniApp项目项目结构解析1.3基本语法与框架基础使用Vue.js

莲华君·2025-04-11 10:26

青少年夏令营管理系统的设计与开发（社团管理）（springboot+vue）+文档

CSDN平台官方提供的老师Wechat/QQ名片:)Java精品实战案例《700套》2025最新毕业设计选题推荐：最热的500个选题o(￣▽￣)ｄ介绍本文介绍了一款基于SpringBoot、MySQL和Vue

全职计算机毕业设计·2025-04-11 09:22

类语法糖与现代响应式框架的适应性分析

我们将结合主流前端框架（如Vue、R

TE-茶叶蛋·2025-04-11 09:19

Redux 与 Vuex：核心区别与共同设计思想

文章目录一、核心区别对比二、架构设计区别1.状态修改机制2.异步处理方式三、共同设计思想1.单一数据源(SingleSourceofTruth)2.单向数据流(UnidirectionalDataFlow)3.状态不可变性(Immutability)4.状态变化的可预测性(PredictableStateUpdates)5.中间件/插件机制(Middleware/PluginSystem)四、生态

北辰alk·2025-04-11 09:46

Gerapy二次开发：用户管理专栏主页面开发

用户管理专栏主页面开发写在前面用户权限控制用户列表接口设计主页面开发前端account/Index.vuelangs/zh.jsstore.js后端Paginator概述基本用法代码示例属性与方法urls.pyviews.py

九月镇灵将·2025-04-11 07:06

Gerapy二次开发：Gerapy与Vue架构解析与源码阅读技巧

Gerapy与Vue架构解析与源码阅读技巧写在前面gerapy架构解析与源码阅读技巧根目录各目录作用gerapy各目录与文件作用后端核心代码目录源码阅读技巧MVC模式模型层控制层视图层vue架构解析与源码阅读技巧

九月镇灵将·2025-04-11 07:36

Gerapy二次开发：用户管理专栏新增与编辑页面开发

用户管理专栏新增与编辑页面开发写在前面Vue表单设计与开发Vue的this.

九月镇灵将·2025-04-11 07:01

vue3 引入 wangeditor 富文本编辑器与 highlight 代码高亮工具的方法及注意事项

目录什么是Wangeditor什么是Highlight1.安装2.在main.js中引用3.在vue组件中使用highlight3.1用法（不推荐）3.2v-higelight用法（推荐）4.在vue组件中使用

m0_74824091·2025-04-11 04:19

Vue3 + Vite使用Vitepress编辑基于Element-plus再次封装的Vue3基础组件库文档弃用vitepress-theme-demoblock，使用自己封装的Demo组件

最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时，不支持TSX模式，也无法import其他依赖，并且展开隐藏的vue代码都在md文件中，不够优雅，且每个

wocwin·2025-04-11 04:48

Echarts + VUE 实现折线图、饼图、柱状图和地图

折线图组件定义jsconstdom=this.$refs.zxtChart;this.zxtChart=this.$echarts.init(dom);this.zxtChart.setOption(this.zxtOption);option参数设置{//标题title:{text:'组织碳月度排放',top:'0%',left:'left'},//提示工具tooltip:{trigger:'a

A小金刚·2025-04-11 03:14

vue+echarts实现折线图、柱状图、饼图大屏纯前端

代码：import*asechartsfrom'echarts';exportdefault{name:"datapic",mounted(){this.drawLine();this.drawZhu();this.drawBing();},methods:{drawBing(){letmyChart=echarts.init(this.$refs.myChart3);varoption;opti

香妃_C·2025-04-11 03:13

Vue Devtools 插件 - 高效Vue.js应用开发与调试

本文还有配套的精品资源，点击获取简介：Vue.js是一个用于构建用户界面的前端JavaScript框架，而VueDevtools是一个为Chrome设计的开发者工具，它无需额外安装依赖即可使用。

金刚廉神兽·2025-04-11 03:12

Vue.js 中的 v-if 和 v-show

Vue.js中的v-if和v-show：详细解析与比较在Vue.js中，v-if和v-show是两个常用的指令，用于控制元素的显示和隐藏。

HaSaKing_721·2025-04-11 03:11

Vue.js当中v-if和v-show的区别

乐事欢迎大家阅读我的博客希望大家喜欢使用环境：WebStorm目录v-if和v-show举例v-if定义特点v-show定义特点代码示例v-if和v-show区别原理性能适用性v-if和v-show举例首先我们还是简单回顾一下vue

PleaSure乐事·2025-04-11 03:41

详解 Vue 之 v-show 与 v-if：从区别到使用场景及代码示例

v-show和v-if的区别与使用场景分析在Vue.js中，v-show和v-if都是用来控制DOM元素的显示和隐藏，但它们的实现原理和使用场景有所不同。

疯狂的沙粒·2025-04-11 03:40

vue中的transition 组件

transition组件Vue提供了transition的封装组件，可以给任何元素和组件添加进入/离开过渡也就是transition组件的过渡效果是由元素的显示或隐藏触发的应用场景：v-if,v-show

Ocean__Lv·2025-04-11 03:10

Vue.js 中 v-show 与 v-if 深度对比：差异、原理及应用场景

在Vue.js的开发过程中，条件性地控制DOM元素的显示与隐藏是一项极为常见的操作。

妮在想什么·2025-04-11 03:40

Vue 基础语法：开启高效前端开发之旅

在当今的前端开发领域，Vue.js凭借其简洁易用、高效灵活的特性，成为了众多开发者的首选框架。而掌握Vue的基础语法，是踏入Vue开发世界的第一步。