Vue2

keep-alive实现原理及Vue2/Vue3对比分析

一、keep-alive基本概念keep-alive是Vue的内置组件，用于缓存组件实例，避免重复渲染。它具有以下特点：抽象组件：自身不会渲染DOM，也不会出现在父组件链中包裹动态组件：缓存不活动的组件实例，而不是销毁它们生命周期：提供activated和deactivated钩子函数二、keep-alive核心实现原理1.基本工作流程判断当前组件是否需要缓存生成组件唯一key缓存组件实例在被包裹
年纪轻轻就扛不住·2025-06-29 06:12

实现 el-table 中键盘方向键导航功能vue2+vue3（类似 Excel）

实现el-table中键盘方向键导航功能vue2+vue3（类似Excel）功能需求在ElementUI的el-table表格中实现以下功能：使用键盘上下左右键在可编辑的el-input/el-select
·2025-06-28 20:27

关于uniapp+vue2 升级 Vue3 后无法获取 query的问题

关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp
代码简单说·2025-06-28 19:51

ref() 与 reactive()

在Vue中，响应式系统实现了：数据驱动视图：数据变化自动更新DOM依赖追踪：自动跟踪数据依赖关系高效更新：最小化不必要的DOM操作1.2Vue响应式系统演进版本响应式实现特点Vue2Object.defin
前端岳大宝·2025-06-28 17:34

【ElementUI】日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。
前端Joy姐·2025-06-28 09:41

unplugin-vue-components

以下是一些它可以引入或支持的常见插件和UI库：以下是一个在Vue2.7.16+Element-UI2.15.14环境中使用unplugin-vue-components实现组件自动导入的简明实例：1.安装依赖
WebCsDn_TDCode·2025-06-28 05:17

Vue 实现拖拉拽组件 vue-draggable-plus

vue-draggable-plus是一个基于Sortable.js的Vue拖拽组件库，是vuedraggable的升级替代品，支持Vue2和Vue3，功能更强，类型更完善，维护更活跃。
清风细雨_林木木·2025-06-27 23:12

vue3.0(十六)路由vue-router

文章目录路由vue-router路由1.vue-router功能2.vue-router组成3.vue-router常用的函数vue-router使用1.安装2.vue3.0配置3.vue2.0配置4.
程楠楠&M·2025-06-27 22:34

vue3教程笔记

选项式的写法基本和vue2一致。组合式写法：reactive()只适用于对象（数组或者内置对象），创建的对象都是js的proxy。
Xaire·2025-06-27 20:19

vue-i18n的实际使用场景

1，安装vue2安装8版本vue3安装9版本pnpminstallvue-i18n@9--savepnpminstallvue-i18n@8--save2，配置i18n安装完成后在vue项目src目录下新建一个
大眼小夫·2025-06-27 20:44

Vue-路由（vue2，vue3）的使用-嵌套路由-路由传参-命名

1.路由：一组key和value的组合。2.基本使用：2.1：npmivue-router(插件)3.Vue3.0的使用：3.1在main.js中配置：import{createApp}from'vue'importAppfrom'./App.vue'//引入路由器importrouterfrom"@/router";createApp(App).use(router).mount('#app')
IT小杨666·2025-06-27 13:34

Vue-12-前端框架Vue之应用基础生命周期和自定义hooks

文章目录1生命周期的理解2vue2的生命周期2.1创建工程2.2App.vue(根组件)2.3Person.vue(子组件)2.4生命周期钩子示例2.4.1Person.vue2.4.2App.vue3vue3
皮皮冰燃·2025-06-27 13:33

Vue3基础（5）——前端路由、vue-router

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币，点赞，收藏呦，历经5年的反复打磨与锤炼，黑马程序员重磅推出全套最新的
番大茄子·2025-06-27 13:32

Vue-15-前端框架Vue之应用基础编程式路由导航

文章目录1RouterLink的replace属性1.1App.vue1.2应用效果2编程式路由导航2.1场景一Home.vue2.2场景二News.vue3路由重定向3.1index.ts3.2Detail.vue3.3About.vue1RouterLink
皮皮冰燃·2025-06-27 13:02

vue2 集成 Onlyoffice_vue onlyoffice

五、安装dockera、windows安装：Windows10Docker安装教程-CSDN博客b、mac安装：【云原生丶Docker】MacOS系统安装Docker【保姆级教程】_mac安装docker-CSDN博客六、通过docker安装Onlyoffice1、使用JWT验证sudodockerrun-i-t-d-p8701:80onlyoffice/documentserver2、不使用JW
2401_85124621·2025-06-27 10:44

ethers.js express vue2 定时任务每天凌晨2点监听合约地址数据同步到Mysql整理

下面是一个完整的Ethers.js+Express+Vue2+MySQL实现方案，用于：每天凌晨2点监听某合约地址的Transfer事件，写入MySQL数据库，并展示每日NFT交易量图表（Vue2+ECharts
穗余·2025-06-27 09:06

vue2.0+electron生成.exe文件

vue2.0+electron生成.exe文件1.安装插件cnpminstallelectron--save-devcnpminstallelectron-packager--save-dev2.在package.json
Fairyasd·2025-06-27 04:29

vue2 使用el-form中el-form-item单独绑定rules不生效问题

我居然在同一个问题在了两次跟头！！！必须记录这个小细节！！！背景：一个后台的表单校验，表单中需要单独绑定rules，跳转方式后面两个选项都使用的同一个el-form-item，意味着rules要动态生效上代码：这里只展示了页面路径/网页链接这个el-form-item，单独的绑定rules不生效，原因有可能就是，切换的时候，会重新渲染页面，重新绑定rules，但是页面没有变化，所以就不生效重点：最
peachSoda7·2025-06-27 04:27

knowledge-vue2项目（Electron）打包为PC桌面应用程序

1.使用nvm管理node版本不同的项目开发需要的node版本环境不一样,所以需要使用nvm进行版本管理。关键命令:（1）检查nvm版本号是否安装成功nvm-v（2）检查所有node版本号nvmls（3）安装指定node版本16nvminstall16.18.1（4）使用对应的node版本nvmuse16.18.1（5）检查当前node版本是否正确node-v相关参考博客：nvm安装(降低node
岂不闻·2025-06-27 04:27

UniApp使用uView UI开发教程1

基于UniApp整合uViewUI进行高效开发的完整指南，涵盖核心特性、集成流程、开发技巧及最佳实践：一、uViewUI的核心优势组件生态强大100+高质量组件（表单/布局/导航/数据展示等）支持Vue2
速易达网络·2025-06-26 21:36

Vue3中的watch详解：掌握响应式侦听的艺术

目录一、watch的核心作用二、基础用法（对比Vue2优化）三、高级配置选项四、watchvswatchEffect五、进阶技巧六、最佳实践七、场景示例结语一、watch的核心作用监听响应式数据的变化，
·2025-06-26 16:59

没有虚拟DOM版本的vue（Vue Vapor）

没有虚拟DOM版本的vue（VueVapor）1.开篇什么是虚拟dom为什么用虚拟dom为什么出没有虚拟DOM版本的vue2.虚拟dom2.1虚拟DOM的工作原理创建虚拟DOM更新虚拟DOM比较虚拟DOM
·2025-06-26 15:27

uni-app/vue2：微信小程序实现文件流的下载及预览

有时候后端会返回文件流，而不是完整的文件地址。实现文件流的下载预览方式如下：//接口地址constdownloadUrl=base_url+"/service/proBasicService/downloadBillFile"consttoken=uni.getStorageSync('token');//参数constobj={}uni.request({url:downloadUrl,//接口
_龙衣·2025-06-26 14:51

深度剖析Vue3响应式原理Proxy

文章目录1.前言2.Vue2与Vue3响应式实现的差异2.1.Vue2响应式实现2.2.Vue3响应式实现3.Proxy基础3.1.Proxy的基本语法3.2.Proxy的常见拦截方法4.Vue3响应式核心
冲浪的鹏多多·2025-06-26 10:59

vue2中前端实现图片裁剪上传到服务器

在Vue2中实现图片裁剪并上传到服务器，你可以结合使用Cropper.js来进行图片裁剪，并通过Axios或者其他HTTP客户端库将裁剪后的图片上传至服务器。
涔溪·2025-06-26 10:27

若依+vue2实现模拟登录

1、背景第三方通过链接访问若依项目，该链接通过携带唯一标识符：phone（手机号），项目通过手机号查询本项目数据库人员信息实现模拟登录。2、实现2.1.前端实现2.1.1创建专用模拟登录页面PhoneLogin.vue正在登录中...{{error}}import{simulateLogin}from'@/api/login'import{removeToken,setToken}from'@/u
Bug缔造者·2025-06-25 22:30

前端面试专栏-主流框架：12. Vue3响应式原理与API

Vue3采用了Proxy对象替代了Vue2中的Object.definePrope
爱分享的程序员·2025-06-25 21:49

在 Vue 2 中被动接收后端服务器发送的数据，而不是主动发起请求获取数据。

在Vue2中被动接收后端服务器发送的数据，而不是主动发起请求获取数据，通常涉及到使用WebSocket或者Server-SentEvents(SSE)技术。
涔溪·2025-06-25 18:02

Vue组件库---Element

什么是ElementElement:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue2.0的桌面端组件库组件:组成网页的部件，例如超链接，按钮，图片，表格等官网:https://element.eleme.cn
码不完的哥哥·2025-06-25 18:02

vue2实现反复轮播（走左往右变成从右往左）

Document*{margin:0;padding:0;box-sizing:border-box;}{{item.name}}{{item.name}}newVue({el:'#app',data(){return{list:[{name:'测试11111',class:'border-1pxborder-solidborder-redw-100pxh-80pxrounded-5pxp-10p
上优·2025-06-25 13:25

vue2项目延迟装载defer优化白屏

使用的混入，这个使用的是关键帧的形式来分片加载，可以优化白屏时间exportdefaultfunction(maxFraneCount){return{data(){return{frameCount:0}},mounted(){constrefreshFrameCount=()=>{requestAnimationFrame(()=>{this.frameCount++if(this.frame
riyue666·2025-06-25 13:23

vue2 图片裁剪上传

原图(img盒子)的尺寸设置:.box-size{//预览原图的尺寸width:200px;height:200px;}裁剪框的初始尺寸//使用图片较短边的40%作为裁剪框的初始尺寸，但不超过180pxconstshortSide=Math.min(imageWidth,imageHeight);constinitialSize=Math.min(180,Math.max(shortSide*0.
Mr.app·2025-06-25 13:53

Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等）

1.什么是样式穿透？样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。2.为什么需要样式穿透？2.1Scoped样式的局限性.child{/*这里的样式只会影响到子组件的根元素*//*无法影响到子组件内部的元素*/color:red;}2.2常见使用场景修改第三方组件样
年纪轻轻就扛不住·2025-06-25 08:21

vue2+el-table动态表头，获取对应数据，可直接复制

基于element+vue2实现table表格内容和表头动态化，达到数据动态数据加载需求。
@never°·2025-06-25 07:44

vue2打印el-table表格宽度无法撑满自适应,复制即用

这里为了隐私把图片内容涂马赛克了没修改前：修改后：重要代码，复制即用：@mediaprint{.el-table__header{width:100%!important;border-right:
是小张呀！·2025-06-25 07:42

Vue 中 filter 过滤的语法详解与注意事项

Vue中filter过滤的语法详解与注意事项在Vue.js中，"过滤"通常指两种不同概念：模板过滤器（Vue2特性）和数组过滤（数据过滤）。
步行cgn·2025-06-25 06:06

vue-print-nb 打印相关问题

大多数情况下不会打印页眉页脚的日期、网址、未配置popTitle显示的undefined：相关解决代码有注释；3、打印预览页面不显示背景色：相关解决代码有注释；4、客户希望打印预览页面显示登录用户信息水印，前端页面不显示水印：使用vue2
我的心巴·2025-06-24 20:53

网页编辑器粘贴WORD图片时保持原格式的秘诀

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
M_Snow·2025-06-24 15:45

CMS、整站程序集成百度UEditor：实现WORD内容一键导入

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
全武凌(荆门泽优)·2025-06-24 15:11

vue2使用vue-echarts

1.先安装echartsnpmiecharts2.安装vue-echarts安装的时候注意下对应的版本"echarts":"5.5.0","vue-echarts":"6.7.3",这是我安装的版本注意事项：如果安装之后报错："export'watchEffect'(importedas'o')wasnotfoundin'vue-demi'之类的，可能是vue的版本太低了在2.7以下那么则需要安装
·2025-06-24 13:35

Vue2中Vuex的五种核心状态管理详解：从State到Modules

目录一、为什么需要Vuex？二、Vuex核心概念图解编辑三、五种核心状态详解1.State：数据仓库2.Getters：计算属性3.Mutations：同步修改器4.Actions：异步操作5.Modules：模块化四、各概念关系总结五、最佳实践技巧结语一、为什么需要Vuex？当组件层级变深、兄弟组件需要共享数据时，传统的props/$emit和事件总线会变得难以维护。Vuex通过集中式存储管理应
上单带刀不带妹·2025-06-24 12:52

Vue2到Vue3进阶：第六篇-Vue3动画与过渡实战指南：打造流畅的用户体验

引言：动画在现代Web应用中的重要性在当今的用户体验设计中，动画已不再仅仅是装饰元素，而是提升用户体验、引导用户注意力和增强交互反馈的关键工具。Vue3提供了强大的过渡和动画系统，让开发者能够轻松创建流畅自然的交互效果。本文将深入探讨Vue3中的动画实现技巧，帮助您打造令人惊艳的用户界面。一、Vue3过渡系统基础1.1过渡组件基本用法切换内容区域import{ref}from'vue'consts
踢足球的，程序猿·2025-06-23 21:17

Vue2 与 Vue3 核心区别深度解析：源码级详解

总述：架构革命性升级Vue3是对Vue2的全面重构而非简单更新，核心变化可概括为：响应式系统：Object.defineProperty→Proxy重构虚拟DOM：静态标记+PatchFlag优化代码组织
·2025-06-23 21:17

如何实现VUE2中wangEditor编辑器对WORD文档的跨平台复制？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
M_Snow·2025-06-23 15:04

如何解决VUE2中wangEditor编辑器粘贴WORD文档时的图片丢失问题？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
全武凌(荆门泽优)·2025-06-23 14:02

Vue中的消息订阅与发布

Vue中的消息订阅与发布模式：从Vue2到Vue3的演进在现代前端框架中，组件间通信是构建复杂应用的基础。
layman0528·2025-06-22 21:04

Vue 中的作用域插槽：Vue2 与 Vue3 的深度剖析

Vue中的作用域插槽：Vue2与Vue3的深度剖析在Vue的组件化开发过程中，作用域插槽作为一项强大且灵活的特性，极大地增强了组件间数据传递与内容定制的能力。
layman0528·2025-06-22 21:04

Vue框架深度解析：从Vue2到Vue3的技术演进与实践指南

引言：为什么在Vue3时代仍需掌握Vue2随着Vue3的发布，许多开发者产生了一个普遍的疑问：在新技术层出不穷的今天，为什么我们仍然需要投入时间学习Vue2？
tianzhiyi1989sq·2025-06-22 18:49

Excel数据导入网页的excel导入全攻略

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
路过了忘了·2025-06-22 07:31

vue3 封装request请求

vue3原生请求封装我这里用一个案例来解释需求:把vue3原生的静态页集成到vue2的若依项目并且可以访问vue2接口在vue3src下的utils下创建文件request.ts文件importaxiosfrom"axios
小曲程序·2025-06-22 06:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他