Vue常用插件

Vue3.0性能优化（v-memo指令）

Vue3.0v-memo指令性能优化Vue3.0的v-memo指令是一个强大的性能优化工具，尤其适用于渲染大量静态列表或复杂组件时。它通过缓存渲染结果来避免不必要的重新渲染，从而提升应用性能。
·2025-07-20 00:42

前端-VUE-页面布局-flex布局整理-傻瓜教学

1.flex-direction:设置容器内部元素的排列方向row:定义排列方向从左到右row-reverse:从右到左column:从上到下column-reverse:从下到上图片介绍flex-direction:rowflex-direction:row-reverseflex-direction:columnflex-direction:column-reverse2.flex-:定义fl
偏偏潇洒程序员·2025-07-19 23:09

基于vue+Cesium实现交互式攻击箭头绘制

本文将介绍如何使用Cesium.js结合Vue框架实现交互式攻击箭头绘制功能，支持鼠标点击采集关键点、动态更新箭头形状、右键结束绘制等核心交互，并对实现过程中的关键技术点进行深入解析。
·2025-07-19 23:08

Vue移动端项目二次封装原生table组件,支持表头/数据动态配置；作用域插槽、render函数渲染某列数据等功能，任何端都可以通用

一、最终效果二、参数配置1、代码示例：2、配置参数（t-tableAttributes）参数说明类型默认值columns表头配置项Array[]data数据源Array[]max-height固定表头String-height表格高度String100%emptyText无数据文案String‘暂无数据’2-1、columns配置项参数说明类型默认值label表头名称String-prop数据字段
·2025-07-19 23:05

Spring AI 项目实战（十八）：Spring Boot + AI + Vue3 + OSS + DashScope 实现高效语音识别系统（附完整源码）

系列文章序号文章名称1SpringAI项目实战（一）：SpringAI核心模块入门2SpringAI项目实战（二）：SpringBoot+AI+DeepSeek深度实战（附完整源码）3SpringAI项目实战（三）：SpringBoot+AI+DeepSeek打造智能客服系统（附完整源码）4
程序员岳彬·2025-07-19 22:57

前端 Vue.js 动画效果实现技巧

前端Vue.js动画效果实现技巧关键词：Vue.js、动画、过渡、CSS动画、JavaScript动画、性能优化、交互设计摘要：本文将深入探讨Vue.js中实现动画效果的多种技巧，从基础的CSS过渡到复杂的
大厂前端小白菜·2025-07-19 21:22

vue-router和锚点冲突问题

传统的锚点定位会与vue-router中的路由设置存在冲突，都是使用'#'进行的，所以这里使用一直方法来模拟锚点跳转，并使用tween.js达到动态的过度效果不使用原生锚点，使用这种方式解决import
TaoLandd·2025-07-19 19:57

【Vue CLI】手把手教你撸插件

本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/Rl8XLUX7isjXNUmbw0-wow作者：ZhuPing现如今Vue作为主流的前端框架之一，其健全的配套工具
vivo互联网技术·2025-07-19 19:25

深入理解 Vue 3 中的 emit

深入理解Vue3中的emit在Vue3中，组件通信是开发中非常重要的一部分，其中通过emit实现父子组件通信是最常见的方式之一。emit的作用是：子组件可以通过触发自定义事件将数据传递给父组件。
·2025-07-19 18:01

vue 不同版本下v-model的底层实现

一、底层实现（编译→运行时的两条链路）Vue2•编译阶段：模板编译器遇到v-model，根据元素类型生成不同的AST指令对象。
·2025-07-19 17:55

原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境(精简版)

原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境随着Web技术的不断发展，前端开发已经从最初的原生JavaScript和CSS时代，逐步演进到以Vue、React
·2025-07-19 16:17

layUI树形组件出现偶尔加载不出来的情况

用vue自带的nextTick函数强制执行树形结构nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数this.
suoh's Blog·2025-07-19 15:45

Vue4进阶指南：从零到项目实战（上）

本书全卷Vue4进阶指南：从零到项目实战（上）Vue4进阶指南：从零到项目实战（中）Vue4进阶指南：从零到项目实战（下）目录前言：开启Vue的优雅之旅致读者：Vue的魅力与本书愿景Vue演进哲学：从Vue2
·2025-07-19 15:11

vue中is属性搭配vuedraggable插件实现可拖动可视化大屏展示组件的自定义配置功能

最近有这样一个需求，将大屏上展示的东西都封装成独立的组件让用户自己可以自定义配置自己的组件位置及想要展示的组件，第一个我就想到通过is来实现，分享下我的思路及部分代码供大家参考。先看下大概布局：如图通过上方的组件拖拽的配置卡片来进行动态渲染组件，拖拽用了draggable插件，这样拖拽后直接传数据即可首先先看拖动卡片的部分代码（切换多个个性布局及如何默认展示，是否有配置过布局没有则怎么展示这些逻辑
吃西瓜不吐籽_·2025-07-19 14:37

在 Ant Design Vue 中实现滚动页面时保持下拉菜单展开

引言在使用AntDesignVue的组件时，默认情况下，当用户滚动页面时，下拉菜单会自动关闭。这在某些场景下可能不够友好，例如在一个长表单中需要频繁切换选项时。
王旭晨·2025-07-19 14:37

VUE解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案

问题描述：报错：Error:error:0308010C:digitalenveloperoutines::unsupported报错原因：主要是因为nodeJsV17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，nodeJsv17之前版本没影响，但V17和之后版本会出现这个错误。我的node版本是v18+报错详细信息：rror:error:0308010C:digitale
·2025-07-19 14:07

深度对比：innerHTML vs 虚拟DOM——原理、性能与应用全解析

innerHTML作为浏览器原生API，直接操纵HTML字符串；虚拟DOM则是通过JavaScript对象树进行优化更新，广泛应用于React、Vue等框架。
止观止·2025-07-19 13:01

vue 中同时写固定类名和变量类名

对一个标签，同时写入固定类名和变量类名方法，有两种，一种是数组方式，一种是对象方式，以此记录。对象方式数组方式个人想法：根据变量真假控制类名，用对象方式；变量即为类名，用数组方式。
不要面包要蛋糕·2025-07-19 13:41

第一章 【vue】基础（超详细）

Vue基础Vue在HTML中的引入使用Vue渲染数据Vue可直接渲染定义在data里的数据,渲染动态数据使用“{{}}"包裹示例代码{{message}}{{arr}}{{arr.name}}{{arr.age
ᝰ落念英·2025-07-19 10:32

第二章【vue】基础（超详细）

Vue3企业级项目初始化使用Vite构建vue3项目npmcreatevite@latest(项目名称)在根目录中创建vite项目npmcreatevite.运行时自动打开浏览器配置端口地址在vite.config.ts
ᝰ落念英·2025-07-19 10:32

第三章【vue】基础（超详细）

eslint安装npminstalleslint-D初始化npxeslint--initvueUse的应用安装npmi@vueuse/corevueuse官方文档(opensnewwindow)获取滚动距离
ᝰ落念英·2025-07-19 10:32

2023-03-06至2023-03-12

这周要求重构代码，将vue2+webpack+antdv转换成vue3+vite+elementui，也算是带薪学习了。不过，看上去改了很多东西，真的很难办。
独行者103·2025-07-19 10:07

vue keep-alive标签的运用

keep-alive，想必大家都不会很陌生，在一些选项卡中会使用到。其实，它的作用大概就是把组件的数据给缓存起来。比如果我有一个选项卡，标签一，标签二，标签三。现在，我需要实现，当我在标签一的表单中输入内容后，点击标签二，再回到标签一，表单的内容依然存在。如果按以往的做法，不使用keep-alive，那是不能实现的。然而，我们只需要在选项卡的内容最外层包一个keep-alive标签即可。但这儿有一
·2025-07-12 18:03

Vue3+Vite+TS+Axios整合详细教程

1.Vite简介Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。
老马聊技术·2025-07-12 18:01

本地包解决npm error code E404

这个错误提示表明npm找不到名为create-vue-admin-cli的包。这是因为你开发的CLI工具还没有发布到npm官方注册表。
雅痞yuppie·2025-07-12 17:00

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with

[Vuewarn]:onUnmountediscalledwhenthereisnoactivecomponentinstancetobeassociatedwith.LifecycleinjectionAPIscanonlybeusedduringexecutionofsetup
扬帆起航&d·2025-07-12 15:15

Vue3组件库实战: 打造高复用UI系统

Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中，UI组件库是非常重要的一部分。
武昌库里写JAVA·2025-07-12 15:44

Ubuntu基础（Python虚拟环境和Vue）

sudoaptinstallpython3python3-venv进入项目目录cdXXX创建虚拟环境python3-mvenvvenv激活虚拟环境sourcevenv/bin/activate退出虚拟环境deactivateVue
aaiier·2025-07-12 15:13

vue3面试题(个人笔记)

vue3比vue2有什么优势？性能更好，打包体积更小，更好的ts支持，更好的代码组织，更好的逻辑抽离，更多的新功能。
武昌库里写JAVA·2025-07-12 14:40

el-timeline时间线（Plus）左边图标改为自定义图片

时间线左侧正常根据文档内容，是填写的icon，但通过icon属性还有另外一个类型，component，可以搭配h函数写一组img元素，实现将图标改为本地图片{{activity.content}}import{h}from'vue'constactivities
顾尘眠·2025-07-12 14:10

vue3 + Element Plus 系统主题切换

创建主题管理模块(用于配置颜色变量)新建src/utils/theme.tsimport{ref,watchEffect}from'vue'typeThemeType='light'|'dark'|'system
顾尘眠·2025-07-12 14:10

Vue.js 过渡 & 动画

Vue.js过渡&动画引言在Web开发中，过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。
lsx202406·2025-07-12 14:37

Javaweb学习之Vue模板语法（三）

目录学习资料前情回顾本期介绍（vue模板语法）文本插值Vue的Attribute绑定使用JavaScript表达式综合实例代码：学习资料Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org
不要数手指啦·2025-07-12 14:06

Vue3 tailwindcss

1、安装tailwindcsspnpmi-Dtailwindcsspostcssautoprefixer#yarnadd-Dtailwindcsspostcssautoprefixer#npmi-Dtailwindcsspostcssautoprefixer2、创建TailwindCSS配置文件npxtailwindcssinit-ptailwind.config.js/**@type{impor
·2025-07-12 14:05

Vue框架之模板语法全面解析

Vue框架之模板语法全面解析一、模板语法的核心思想二、插值表达式：数据渲染的基础2.1基本用法：渲染文本2.2纯HTML渲染：`v-html`指令2.3一次性插值：`v-once`指令三、指令系统：控制
AA-代码批发V哥·2025-07-12 14:34

封装一个有最小化的dialog组件

{{title}}import{ElMessageBox}from'element-plus'import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent
嘉琪001·2025-07-12 09:31

JQ+vue实现图片拼接（无限套娃版）

css样式/*css初始化*/*{margin:0;padding:0;}/*去掉li的小圆点*/li{list-style:none;}/*去掉a的下划线*/a{text-decoration:none;}/*搜索框去除边框*/input,button,select{border:0;/*设置背景颜色为透明*/background-color:transparent;/*去掉外轮廓*/outli
小周同学:·2025-07-12 08:23

vue如何实现Cascader 级联选择器(二级全部选中只展示一级，三级全部选中只展示二级)

select提交重置级联exportdefault{data(){return{ruleForm:{selectLabel:[],idList:[],},citiesList:[],rules:{selectLabel:[{type:'array',required:true,message:'多选不能为空',trigger:'change'}],},props:{multiple:true,va
小周同学:·2025-07-12 08:23

uniapp 如何封装实现任意页面都能使用的全局弹窗

【实战干货】uniapp如何封装实现任意页面都能使用的全局弹窗标签：uniapp弹窗组件全局弹窗Vue动态渲染跨页面弹窗✨前端老司机亲授，uniapp无法在所有页面中直接用自定义弹窗？
代码简单说·2025-07-12 08:52

【前端】接口日志追踪

2.环境信息项目说明浏览器GoogleChrome120+开发者工具ChromeDevTools技术栈前端：Vue/React/其他接口类型RESTfulAPI/GraphQL3.解决方案3.1保留控制台日志
毕业茄·2025-07-12 08:52

uniapp对接unipush 1.0 ios/android

官方有文档可以根据文档来我这里用的是1.0为什么没有2.0因为2.0要用uinicloud注意每次打包之后cid都会变cid用户的标识iduniapp通过这个id可以把消息推送给指定人前端代码前端要做的很简单直接放到app.vue
车轮滚滚__·2025-07-12 08:20

uniapp自定义全局弹窗组件

/components/global-popup.vue'Vue.component('global-popup',globalModal)//在需要的页面引用组件this.
LuWiHa·2025-07-12 08:50

python+springboot+vue的音乐系统

目录技术栈介绍具体实现截图系统设计研究方法：设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示技术栈介绍Django-SpringBoot-php-Node.js-flask本课题的研究方法和研究步骤基本合理，难度适中，本选题是学生所学专业知识的延续，符合学生专业发展方向，对于提高学生的基本知识和技能以及钻研能力有益。该学生能够在预定时间内完成该课题的设计。
QQ_511008285·2025-07-12 02:15

GitHub Actions自动化部署Vue项目到宝塔服务器

GitHubActions自动化部署Vue项目到宝塔服务器通过GitHubActions自动化部署Vue项目到宝塔服务器，可实现代码推送后自动构建和部署，极大提升开发效率，减少人工操作错误。
SnowDreamXUE·2025-07-11 23:52

vue基础

在vue项目下的src->App.vue中有三个模板1.script是写js代码的地方2.template是写html的地方3.style是写css的地方npmi的作用是加载需要的依赖包
知还215·2025-07-11 21:12

极简Vue 3应用：从入门到掌握核心概念

Vue.js作为一款渐进式JavaScript框架，以其直观的API和灵活的架构受到广泛欢迎。对于初学者而言，Vue官方CLI生成的项目结构可能略显复杂，包含了各种资源文件、样式和示例组件。
程序猿全栈の董（董翔）·2025-07-11 20:34

node.js、npm是什么？服务器脚本语言有哪些？

6.Vue.js一定要安装node.js吗？7.开发环境：1.node和nodejs有区别吗:node和nodejs之间没有区别，node全称就是nodejs。
·2025-07-11 20:32

从零开始：手把手教你用 Uniapp 搭建多平台应用

不用学Java、Swift、ArkTS，只要你会Vue，就能轻松上手。简单来说，这个框架就像是一个"翻译官"，你用熟悉的Vue语法写代码
儿歌八万首·2025-07-11 19:57

前端高频面试题深度解析（JavaScript + Vue + jQuery）

前端高频面试题深度解析（JavaScript+Vue+jQuery）一、JavaScript核心问题解析事件冒泡与捕获机制对比：graphLRA[捕获阶段]-->|Window→父元素|B[目标元素]B
·2025-07-11 19:27

大四学生的前端实习记录

三面：更是奇葩，又让用vue脚手架写二面数据可视化的页面。无语至极，然后我两天之后交了，就不吱声了。当时我们班还有个女生也投的是
·2025-07-11 17:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他