vue模块化第40页

vue params参数传递为空时的处理办法

this.$router.push({name:'',params:''’||undefined})

pzpcxy520·2025-06-08 02:58

安装VUE客户端@vue/cli报错警告npm WARN deprecated解决方法无法将“vue”项识别为 cmdlet、函数

这个帖子https://blog.csdn.net/qq_41740476/article/details/135635730试过无法解决这个问题，我点开环境变量用户变量的path变量，发现我将node环境变量C:\ProgramFiles\nodejs\node_global设置在用户的变量上。正确做法将node环境变量C:\ProgramFiles\nodejs\node_global设置在系

pzpcxy520·2025-06-08 01:26

做前端五年的感受

后来慢慢接触到现代框架，先是Vue，再是React，感觉前端的世界突然宽广了很多

·2025-06-07 23:25

STM32入门教程——按键控制LED&光敏传感器控制蜂鸣器

目录前言一、硬件接线与模块化编程概述二、LED驱动模块开发初始化配置功能函数封装三、按键驱动模块开发初始化配置按键检测逻辑四、主函数调用与功能实现模块化调用流程扩展应用：光敏传感器与蜂鸣器五、开发要点总结

岂是尔等觊觎·2025-06-07 21:31

Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例

使用详解ElementPlus的el-transfer组件是一个强大的穿梭框组件，常用于在两个集合之间进行数据转移，如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。核心特性与用法基本属性v-model：绑定右侧列表的值（key数组）data：组件数据源，需包含key和label属性props：配置数据源的字段别名filterable：是否启用搜索功能titles：自定义左右两

BillKu·2025-06-07 18:38

Sentry 接口返回 Status Code 429 Too Many Requests

Sentry的核心功能自动捕获异常自动捕捉JavaScript、Vue、React、Node.js、Java、Python等各类应用的运行时错误（RuntimeError）。

潇凝子潇·2025-06-07 18:07

Flask框架深度解析：蓝图、上下文机制与Jinja2模板引擎实战

本文将深入探讨Flask框架的三大核心特性：蓝图(Blueprint)模块化开发、上下文(Context)管理机制以及Jinja2模板引擎的高级用法。

程序员Bears·2025-06-07 18:06

VueUse：组合式API实用函数全集

VueUse完全学习指南：组合式API实用函数集合什么是VueUse？VueUse是基于组合式API（CompositionAPI）的实用函数集合，为Vue3开发者提供了丰富的可复用逻辑功能。

当归1024·2025-06-07 17:32

Vue中的自定义事件

一、前言在Vue的组件化开发中，组件之间的数据通信是构建复杂应用的关键。而其中最常见、最推荐的方式之一就是通过自定义事件（CustomEvents）来实现父子组件之间的交互。

難釋懷·2025-06-07 17:31

vue页面实现table动态拆分列功能

效果如下拆分table列代码如下时间段时间FM-1拆分列FM-3拆分列FM-2拆分列FM-4拆分列1xh2xh3xh4xh5xh6xh1xh2xh3xh4xh5xh6xh1xh2xh3xh4xh5xh6xh1xh2xh3xh4xh5xh6xh8:00-10:002H数量exportdefault{data(){return{columns:[{id:1,selectValue1:'',select

夏之小星星·2025-06-07 16:58

JAVA儿女相亲一对一相亲系统源码支持微信公众号 + H5 + APP

这套基于SpringBoot+MybatisPlus+MySQL+Uniapp(Vue)+Vue/ElementUI技术栈的系统，以“深度连接”为核心，集私密性、智能化、裂变式增长于一体，助您打造现象级

博纳软云·2025-06-07 15:50

Node.js 从门详解（二）

目录1.模块化的基本概念1.1什么是模块化1.2模块化规范2.Node.js中模块化2.1Node.js中模块的分类2.2加载模块2.3Node.js中的模块作用域2.3.1什么是模块作用域2.3.2模块作用域的好处

←か淡定☆ ヾ·2025-06-07 14:13

分布式微服务系统架构第144集：FastAPI全栈开发教育系统

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/https://github.com

掘金-我是哪吒·2025-06-07 12:35

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

uni-app全局引入scss文件的不同方式

1.使用config方式引入在项目下创建vue.config.js文件module.exports={css:{loaderOptions:{scss:{prependData:`@import"~@/

MINO吖·2025-06-07 11:55

JAVAWeb--前端工程化

一、前端工程化开篇1.1什么是前端工程化前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。

·2025-06-07 11:55

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

背景qiankun项目用的是Vue2+Antdesign2，但其中一个子应用用的是Vue3+Antdesign4。集成之后发现子应用的样式混乱，渲染的是Antdesign2的样式。

web小奶精·2025-06-07 11:54

webpack打包学习

vue开发现在项目里安装vue：npminstallvuevue的文件后缀是.vuewebpack不认识vue的话就接着安插件npminstallvue-loader-D这是.vue文件：{{title

贩卖纯净水.·2025-06-07 11:24

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

Nuxt.js一个基于 Vue.js 的通用应用框架

Nuxt框架简介Nuxt，这款受到广泛赞誉的框架，在我们公司的ThisAI前端开发中扮演着不可或缺的角色。其卓越的性能和便捷的开发体验，吸引了无数开发者的目光。接下来，我们将一起深入了解Nuxt的安装流程，并详细剖析其目录结构，助力大家更好地掌握这一强大的开发工具。Nuxt的独特之处在哪里呢？简单来说，Nuxt的强大之处体现在多个方面。首先，它能够自动导入组件，简化了路由配置的过程，因为Nuxt内

天天打码·2025-06-07 09:14

vue项目引入tailwindcss

tailwindcss是什么？tailwindcss官网TailwindCSS是一个工具优先（Utility-First）的CSS框架，它提供了一组低级别的、可组合的CSS类（UtilityClasses），让开发者可以直接在HTML中快速构建自定义设计，而无需手写CSS。核心特点1、Utility-First（工具类优先）提供大量细粒度的类名（如text-blue-500、p-4、flex），直

发渐稀·2025-06-07 09:14

Vue项目中每个组件都有一个 index.vue 文件

在Vue项目中每个组件都有一个index.vue文件，主要有以下几方面原因：1.统一入口方便引入当其他模块或组件需要引入这个组件时，只需通过组件所在文件夹的路径来引入，而不需要精确到具体的.vue文件名

徐福记c·2025-06-07 09:09

Vue中input框自动聚焦

在Vue中input自动聚焦的思路：给需要聚焦的input设置ref创建一个聚焦的方法this.$nextTick()将回调延迟到下次DOM更新循环之后执行。

byg_qlh·2025-06-07 08:01

LabVIEW轴角编码器自动检测

LabVIEW开发轴角编码器自动检测系统，针对指控系统中高故障率的轴角编码器性能检测需求，通过模块化硬件架构与软件设计，实现编码器运转状态模拟、扭矩/转速实时监测、19位并行编码采集译码、数据自动分析及报告生成等功能

LabVIEW开发·2025-06-07 08:28

Ant Design Vue 树形控件Tree实现拖拽功能

主要加入draggable拖拽属性和drop事件，支持拖拽具体drop事件代码实现如下onDrop(info){constdropPos=info.node.pos.split('-');constdropPosition=info.dropPosition-Number(dropPos[dropPos.length-1]);constdropKey=info.node.dataRef.key;c

前端页面仔·2025-06-07 06:51

Vue.js 组件深入理解与开发实践

Vue.js组件深入理解与开发实践背景简介在前端开发中，组件化是一种将界面分割成独立、可复用的组件的开发方式，这在Vue.js中尤为重要。

工程求知者·2025-06-07 06:46

vue-12 (路由守卫：全局、每个路由和组件内）

了解路由守卫：全局、每个路由和组件内路由守卫对于控制VueRouter应用程序中的导航至关重要。它们允许您拦截和管理路由转换，确保用户只能根据特定条件（例如身份验证状态或权限）访问应用程序的某些部分。

清幽竹客·2025-06-07 06:46

深入 Vue.js 组件开发：从基础到实践

深入Vue.js组件开发：从基础到实践Vue.js作为一款卓越的前端框架，其组件化开发模式为构建高效、可维护的用户界面提供了强大支持。

老哥不老·2025-06-07 05:44

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

JavaScript 核心原理深度解析-不停留于表面的VUE等的使用！

一、解释JavaScript作为当今最流行的编程语言之一，广泛应用于Web开发、移动端开发、后端开发等多个领域。然而，许多开发者在使用JavaScript时，往往只关注其表面的语法和API，而对其底层原理和核心机制了解甚少。深入理解JavaScript的底层原理，对于编写高效、健壮的代码，解决实际开发中的问题具有重要意义。本文将从JavaScript引擎、数据类型、内存管理、事件循环等方面，深入分

·2025-06-07 04:33

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

vue+element-ui 实现首页菜单顶部布局

处理中心我的工作台选项1选项2选项3选项4选项1选项2选项3消息中心消息中心2订单管理//1.定义（路由）组件。//可以从其他文件import进来constFoo={template:'foofoofoo'};constBar={template:'barbarbar'};//2.定义路由constroutes=[{path:'/foo',component:Foo,name:'foo'},{pa

xiaogg3678·2025-06-07 03:28

Vue中表格数据使用switch开关控制某条数据状态信息

先看效果图:点击开关实时改变数据状态show_status状态值:1000显示0000隐藏vue代码:1.switch开关补充要素:active-value:为显示状态(也就是开关状态的'开'),对应数据库字段

纵有千千星晚·2025-06-07 03:57

HTML文件中el-dialog,el-form,el-table的综合应用

HTML文件中复制即用Document打开表格页面取消修改新增编辑删除新增返回letvm=newVue({el:'#app',data(){return{dialogVisible:false,innerVisible

自律最差的编程狗·2025-06-07 03:26

Vue 表单设置实战：实现动态开关和交互式周期功能」「手把手教你用 Vue 构建动态表单 - 实现开关控制和周期切换」「前端新手友好：Vue2 表单项目完整实战教程」「Vue 实战项目：一步步构

效果图以下是关于这段代码的详细新手入门博客教程，让我们一步步了解如何实现一个交互式表单设置界面，使用Vue2实现动态显示和切换逻辑。这篇教程的目录以及多个吸引力标题建议也会在最后给出。

南北极之间·2025-06-07 03:56

Vue中封装el-dialog遇到的坑

$emit('update:isVisible',false)}参考文章：vue.sync的用法_G018_starsky♬的博客-CSDN博客_vue.sync二、使用v-if来创

做一只快乐的咸鱼·2025-06-07 02:25

vue父子组件传值之$parent、$children、$refs

本示例基于vue2+element-ui，介绍vue中$parent、$children、$refs关于父子组件传值的用法。

小约翰仓鼠·2025-06-07 02:25

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

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

小约翰仓鼠·2025-06-07 02:25

ant design vue a-table表格中插入操作按钮（以switch开关 [a-switch]为例）

1.给columns添加列属性columns(){sortedInfo=sortedInfo||{};return[{title:"工程",dataIndex:"outputProject",width:80},{title:"是否显示小数",

LL__Sunny·2025-06-07 02:25

element-ui vue2【体验优化】

type=number美化某些情况我们需要设置el-input的type=‘number’，会有上下箭头，很丑：美化代码如下：//隐藏type=number箭头.el-input__inner::-webkit-outer-spin-button,.el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;}

前端没钱·2025-06-07 02:53

vue2项目实现扫描条形码和二维码功能

说明：不支持http环境，仅支持https和本地localhost环境使用@zxing/library库实现支持条形码和二维码安装npminstall--savewebrtc-adapternpminstall--save@zxing/library完整代码//WebRTC适配器只需要引入就okimport'webrtc-adapter'import{BrowserMultiFormatReade

H_HX126·2025-06-07 02:53

vue读取excel表格内容

vue读取excel文件内容1.安装第三方工具xlsxnpminstallxlsx2.在vue组件中引入xlsximport*asxlsxfrom'xlsx'3.使用xlsx读取excel文件html部分上传

·2025-06-07 02:23

vue使用elementUI表单出现在输入框表单回车刷新页面问题

今天项目中出现一个bug，vue项目中使用elementUI表单出现了在输入框表单回车后输入框内容被清空。

浮桥·2025-06-07 02:23

elementui el-form 默认不支持回车提交，怎么解决

概念：1.在表单的提交按钮上添加Vue原生属性native-type="submit"可以让按钮变为表单提交按钮；2.阻止表单默认提交事件（默认是阻止），在表单上（即标签上）添加@submit.native.prevent

扫地鼠Gordon·2025-06-07 02:51

从入门到精通 JavaScript 1000例实战开发专栏--第八章：模块化开发

目录第八章：模块化开发章节简介1.CommonJS与ESModules的区别1.1CommonJS1.2ESModules1.3区别总结

小蘑菇二号·2025-06-07 02:19

【借助pf4j实现基于spring-boot的插件化开发

在某些工具型Web应用中，也需要类似的插件扩展和管理功能，OSGI定义了一套Java应用模块化

CL有毒·2025-06-07 02:49

SpringBoot插件化架构的4种实现方案

插件化架构作为一种模块化设计思想的延伸，能够使系统具备更好的扩展性和灵活性，实现"热插拔"式的功能扩展。本文将介绍SpringBoot环境下实现插件化架构的4种实现方案。

风象南·2025-06-07 02:18

推荐频道

vue模块化