#vue 第70页

《从零搭建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开发世界的第一步。

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

vue面试题五

一、请解释Vue中的keep-alive组件是什么，以及它的作用？

笃励·2025-04-11 02:04

开发体育赛事直播系统源码：主播端核心功能模块部分代码示例

该模块基于Vue.js构建前端页面，后端采用ThinkPHP提供API支持，同时兼容Android（Java）和iOS（Objective-C）移动端访问，确保多端一致体验。

·2025-04-10 23:59

前端- [Vue] vue 2.x项目生产编译优化缩短编译时间

代码解释关闭sourcemap：productionSourceMap:false可以避免生成生产环境的sourcemap文件，从而减少编译时间和包的大小。使用CompressionPlugin：在构建时开启gzip压缩，减小文件体积，加快传输速度。使用HardSourceWebpackPlugin：为模块提供中间缓存，第一次构建时会花费较长时间，但后续构建会显著加快。使用TerserPlugin

·2025-04-10 23:59

开源推荐#1：Soybean Admin — 告别粗糙，拥抱优雅的 Vue3 后台管理模板

大家好，我是jonssonyan，你是否还在为搭建后台管理系统而烦恼？每次从零开始，重复造轮子，不仅耗时耗力，最终的界面还可能不尽人意，充斥着各种“历史包袱”？别担心，今天我要向大家安利一个宝藏项目——SoybeanAdmin，它或许能让你眼前一亮，彻底改变你的后台开发体验！GitHub：https://github.com/soybeanjs/soybean-admin什么是SoybeanAdm

jonssonyan·2025-04-10 23:13

vue实现离线混合地图实现，带飞线，动态图标，提供瓦片下载器

这个是效果图，也是一段难过的回忆npminstallleafletimportLfrom'leaflet'import'leaflet/dist/leaflet.css'initMap(){leturl=window.location.originconstmap=L.map(this.$refs.map,{zoomControl:false}).setView([34.7466,113.6249

真想甩手不干·2025-04-10 22:38

npm install时出现gyp ERR stack Error Could not find any Python installation to use

vue项目使用npminstall按照依赖时，报以下错误：gypverbcommandrebuild[]gypverbcommandclean[]gypverbcleanremoving"build"directorygypverbcommandconfigure

bp粉·2025-04-10 21:05

Vue Router（1）

RouterLink和RouterViewRouterLink是一个导航组件，用于在不重新加载页面的情况下切换视图。RouterView是一个视图渲染容器组件，用于显示与当前URL匹配的组件。Currentroutepath:{{$route.fullPath}}GotoHomeGotogame7$route.fullPath可以展示当前应用所在的路由路径新建路由创建路由器实例创建路由器实例是通过

阿諪諪·2025-04-10 21:33

自定义组件触发饿了么表单校验

源码分析在packages/form/src/form-item.vue中，可以找到addValidateE

sunn。·2025-04-10 21:32

V-SHOW和箭头函数在VUE项目的踩坑点

在vue中，template标签不参与页面渲染，也不会破坏代码的层级结构，所以多和v-if结合控制元素的显示隐藏。

sunn。·2025-04-10 20:28

解决页面刷新后 Vuex 状态丢失的完整方案

文章目录一、使用浏览器本地存储（localStorage/sessionStorage）1.1基础实现方案1.2自动持久化方案二、使用vuex-persistedstate插件2.1基本使用2.2高级配置三

北辰alk·2025-04-10 20:55

更强大、更灵活！ defineModel 重新定义双向绑定

前言在Vue3.4中，defineModel宏的引入标志着Vue双向绑定机制的一次重大革新。

·2025-04-10 18:47

【附源码】计算机毕业设计java学生网上请假系统设计与实现

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

李会计算机程序设计·2025-04-10 17:38

[附源码]java毕业设计小区物业管理系统

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

李会计算机程序设计·2025-04-10 17:38

vue项目换环境以后无法启动_修复支持可选链操作符?_invalid expression: Unexpected token ? in---vue工作笔记0029

先说一下这个问题原因是,本地安装的node.js版本太低了,应该保持在14.0以上vue我们可以升级到2.7.0版本，同时node版本升级到14.0.0。

添柴程序猿·2025-04-10 16:01

开发体育直播即时比分系统：赛事收藏功能的技术实现方案

以下是基于“东莞梦幻网络科技”的体育即时比分系统收藏界面的技术实现方案，包括后端（PHP+ThinkPHP）、安卓（Java）、iOS（Objective-C）和PC/H5前端（Vue.js）的代码示例

东莞梦幻科技·2025-04-10 15:23

体育赛事直播系统开发：实现用户群聊和发红包功能的关键部分代码

基于“东莞梦幻网络科技”体育赛事直播系统中的群聊功能模块的关键代码实现方案，所用技术栈（后端：PHP-ThinkPHP、安卓-Java、iOS-OC、PC/H5-Vue.js）。