vue2）第7页

vue 中 ui 组件二次封装后 ref 怎么穿透到子组件里

1.vue2封装组件 exportdefault{ data(){ return{}; }, mounted(){ constentries=Object.entries(this.

yqcoder·2025-05-11 17:57

vue2 vant ui组件二次封装

我们可以通过使用vue2中$attrs、$listeners、$slots分别来解决以上问题。$attrs是一个对象，包含了父作用域中传递给组件的非prop属性。它可以用来在组件中将这些非prop属性

aboutzhang·2025-05-11 17:56

【二.Vue3 Composition API：革新前端开发体验】

hhcainiaohh·2025-05-11 10:14

vue3模版语法

下面是常用的Vue模板语法总结（以Vue3CompositionAPI为基础，也适用于Vue2的OptionsAPI）：基本语法插值语法（Interpolation）用于绑定文本、属性等。

layman0528·2025-05-11 09:32

速通Vue3：从入门到实战（附图解+对比）

针对Vue2转Vue3开发者/刚接触框架的新手，快速掌握核心差异与实战技巧一、生命周期对比（Vue2vsVue3）1.1生命周期对照表（含组合式API）vue2是选项式API的写法，vue3是支持选项式和组合式两种写法

鎏旧·2025-05-10 11:40

vue跨域使用websocket_vue使用websocket问题记录

最近笔者新参与的一个web项目，拟定采用vue2.0来编写，期间遇到有关使用websocket的问题，记录一下，个中遇到的一些问题和解决方法，分享给有需要的人。

五犬·2025-05-10 05:02

硅谷甄选项目笔记

一、vue3组件通信方式通信仓库地址:https://gitee.com/jch1011/vue3_communication.git不管是vue2

萧曵丶·2025-05-09 03:08

【代码优化篇】强缓存和协商缓存

强缓存和协商缓存一、强缓存与协商缓存的区别二、Vue2前端实现强缓存（静态资源）三、SpringBoot后端实现协商缓存（动态接口）四、测试缓存效果五、注意事项一、强缓存与协商缓存的区别强缓存：浏览器直接读取本地缓存

程序员buddha2080·2025-05-08 22:38

在 Vue 2 中使用 qrcode 库生成二维码

洛可可白：个人主页个人专栏：✅前端技术✅后端技术个人博客：洛可可白博客代码获取：bestwishes0203封面壁纸：洛可可白wallpaper在Vue2中使用qrcode库生成二维码在Vue2中使用qrcode

洛可可白·2025-05-08 18:43

Vue3快速入门：从零到项目实战

从零到项目实战学习目录第一部分：Vue3概述第1章：Vue3简介什么是Vue3Vue3的历史和发展Vue3的主要特点和优势Vue3的应用场景第2章：Vue3的演进过程从Vue1到Vue3的演进Vue3相比Vue2

莲华君·2025-05-08 12:01

DAY03：Vue深度解析之响应式系统与计算属性实战指南

Vue3通过ProxyAPI重构了响应式系统，相比Vue2的Object.defineProperty实现，带来了以下重大改进：支持动态添加新属性可监听数组索引变化和长度变化提供更细粒度的依赖追踪性能优化

听闻风很好吃·2025-05-08 11:54

vue 常见ui库对比（element、ant、antV等）

ElementUI1.简介ElementUI是一个基于Vue2和Vue3的企业级UI组件库，提供了丰富的组件和主题定制功能。

香蕉可乐荷包蛋·2025-05-08 07:32

Vue项目Git提交流程集成

前置条件Node.js14.0+和npm/yarn/pnpmVue项目（Vue2或Vue3均可）Git已初始化的仓库一、规范化提交流程概述一个完整的Git提交流程通常包含以下环节：代码规范检查：使用ESLint

像素行者·2025-05-08 05:18

vue2+element-ui 锚点菜单功能

1.因为element-ui中没有锚点组件刚好我项目有这种需求所以，我自己实现了一个锚点菜单功能。1.1先看效果图我右侧的菜单是可伸缩菜单，所以加了一些样式。1.2直接上代码,功能如下，根据自己需求可做相对应的更改。{{item.title}}{{index+1+'.'+item.name}}exportdefault{components:{},data(){return{messageList

弈425·2025-05-08 02:35

wujie微前端项目实战

Wujie+Vue3+Vue2微前端管理系统一，项目结构与技术栈wujie-admin/#主应用（Vue3）├──src/│├──views/││└──SubApp.vue#子应用容器组件│├──utils

紬辛·2025-05-07 16:31

uniapp - 最新微信小程序手机号一键登录功能效果，uniapp小程序实现手机号码一键登录，uniapp微信小程序端通过手机号授权完成立即登录操作（详细示例源码，新手小白一键复制开箱即用）

uniappVue3和Vue2都能用，新手小白不懂的，直接复制改个样式就可以了。功能说明目前，

十一猫咪爱养鱼·2025-05-07 11:55

Uniapp开发学习路线

学习计划为自己定制一个阅读计划（时间和顺序可根据自己的情况进行相应调整）语言基础（一周）Vue（主要是Vue2.0）或h5相关等基础JS语法（主要了解对象属性的调用及赋值）基础css语法（了解页面样式的编写

Think·2025-05-07 06:54

vue2改变数组对象中的值以后不生效

在Vue2中，直接通过索引或push方法向数组添加对象时，Vue可能无法监测到变化，（因为vue2的响应式系统基于Object.defineProperty,无法监听数组索引变化）使用Vue.set(或

Mountain08·2025-05-06 11:02

#Vue3生命周期钩子函数深度解析：从源码到实战的万字指南

一、Vue3生命周期革新特性相较于Vue2，Vue3通过CompositionAPI带来了更灵活的生命周期管理方式。

Code_Cracke·2025-05-06 08:06

Element-UI快速入门

这里拿最简单Vue2-cli脚手架的项目做说明，简单说vue-

★雨潇★·2025-05-06 04:42

手写 Vue 源码 === reactive 方法

目录1.响应式系统概述2.Proxy与Reflect的应用3.响应式对象的创建4.WeakMap的使用主要特点WeakMap与Map的区别应用场景5.依赖收集与触发更新6.响应式标记7.性能优化8.与Vue2

前端贾公子·2025-05-06 02:04

五分钟带你学会，同一个域名下，部署多个项目

不够用等或者主项目下，要有其他子项目的时候这个时候，我们需要把子项目给做相应的修改同时，nginx做对应的修改，才能实现文章标题的需求功能注意：主项目一般不用做修改，主要是其他的子项目做修改这里主项目是vue2

·2025-05-05 18:37

【前端 - Vue】关于ESlint代码规范及格式化插件

个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~作者：码喽的自我修养❣️专栏：vue2/3从基础到起飞若有帮助

码喽的自我修养·2025-05-04 23:06

父子组件通信之v-model

我们都知道父子组件通信有很多方法，v-model就是其中一种，v-model可以实现数据双向绑定，v-model就是v-bind和@input事件的语法糖意思就是v-bind:value和v-on:input的合成下面给大家看vue2.0

一見如故·2025-05-04 22:59

Vue 响应式原理揭秘：数据是如何自动更新视图的

本文将深入探讨Vue的响应式原理，包括其核心机制、关键实现代码解析（基于Vue2和Vue3的不同实现），并通过简单示例来帮助你更好地理解“数据驱动视图”这一核心理念。一、什么是响应式系统？

2501_91537388·2025-05-04 09:04

vue2中的$set实现原理

首先它会判断是不是数组,如果是数组则使用splice方法将数据修改成为响应式如果是对象使用in方法判断是否在目标对象里面,如果存在直接修改数据如果不存在添加属性,并赋值最后使用defindeRactive添加响应式然后通知更新

正函数　·2025-05-03 13:54

vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！

那么它到底是怎么实现的呢，在Vue2和Vue3中又有什么区别呢？本文将结合案例介绍执行原理再深入源码，全部注释，包你一看就会。

码喽的自我修养·2025-05-03 13:21

vue2项目（使用webpack打包的）使用tslog

1.安装tslognpminstalltslog--save2.创建一个logger.js文件来处理日志记录，内容如下：//import{Logger}from'tslog';//constlogger=newLogger();//exportdefaultlogger;import{Logger}from'tslog';classDrpLogger{constructor(name){this.

bling flower·2025-05-03 05:28

.sync是什么？读完这一篇就搞懂了【vue前端】

.sync是什么:在Vue2中，.sync是一个修饰符，用于在父组件和子组件之间实现双向数据绑定。通过使用.sync修饰符，父组件可以自动接收来自子组件的更新，而不需要手动监听事件。

幸运小圣·2025-05-03 00:59

如何利用Vue的过渡动画实现一个模态框的展开和关闭动画，并且处理好动画的层级和遮罩效果？

我将围绕前端工程师面试中常见的Vue过渡动画问题，先点明工作和面试痛点，再深入解析技术原理，结合代码示例展示实现过程，对比Vue2和Vue3的差异，助力读者掌握相关技能。1个方案搞定！

前端大白话·2025-05-02 20:59

Vue2 vs Vue2.7 深度对比

Vue2vsVue2.7深度对比前言作为Vue生态中承前启后的重要版本，Vue2.7在保留Vue2核心特性的同时，引入了Vue3的诸多创新设计。

二川bro·2025-05-01 21:59

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容

跨版本Vue组件封装实战：一招解决Vue2/Vue3双版本兼容前言在企业级组件库开发中，同时支持Vue2和Vue3是提升技术资产复用率的关键需求。

二川bro·2025-05-01 21:59

uniapp + Axios + 小程序封装网络请求

前言小程序自带的网络请求使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了需要vue2+

向明天乄·2025-05-01 11:52

vue3Axios封装网络请求 + 跨域

前言普通得Axios使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了需要vue2Axios

向明天乄·2025-05-01 11:21

vue2/3 | nuxt - 报错 Error: error:0308010C:digital envelope routines::unsupported（node项目启动运行、打包时报错，解决）

错误描述在vue2、vue3、nuxt项目开发中，当执行启动运行/打包时报错：Error:error:0308010C:digitalenveloperoutines::unsupported详细解决方案

十一猫咪爱养鱼·2025-05-01 02:59

粘贴WORD内容到百度编辑器，格式不乱怎么办？

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

全武凌(荆门泽优)·2025-05-01 02:55

Vue 2 与 Vue 3 自定义指令（Directive）详解

Vue2与Vue3自定义指令（Directive）详解Vue的自定义指令（Directive）允许开发者直接操作DOM，实现原生HTML无法直接实现的功能（如自动聚焦、滚动加载等）。

肠胃炎·2025-04-30 20:18

Vue2 和 Vue3 的核心区别

1.响应式原理：从「手动挡」到「自动挡」Vue2：使用Object.defineProperty监听数据变化，但无法检测新增属性和数组索引修改，需要借助Vue.set。

黄同学real·2025-04-30 16:47

vite+vue2+elementui构建之 vite.config.js

各种查阅资料，弄了一份直通构建vite构建elementUi核心文件，构建基于开源若依vue2+vue3版本改造，感谢开源，感谢若依。

Sahas1019·2025-04-30 11:47

【分页表格】Vue2 + Element UI实现自定义的分页表格组件（自定义Vue组件）

这篇文章，主要介绍Vue2+ElementUI实现自定义的分页表格组件（自定义Vue组件）。

Mr.小朱同学·2025-04-30 04:27

微信小程序操作蓝牙教程

官方API地址https://developers.weixin.qq.com/miniprogram/dev/framework/device/ble.html教程开始1、参照uniapp+vue2开发蓝牙的教程

renkai721·2025-04-30 02:44

前端八股文经验分享：面试拷打经历与知识总结（纯个人总结）（八） - 持续更新ing

目前大多浏览器时60Hz，每一帧耗时16.6ms浏览器一帧所经历的过程：接收输入事件执行回调事件开始一帧执行RAF页面布局，样式计算绘制渲染执行RIC2.Objet.defineProperty与Proxy的区别在Vue2

T Z X_·2025-04-29 21:35

第十一节：性能优化高频题-响应式数据深度监听问题

解决方案：watch的deep:true选项或watchEffect自动追踪依赖Vue响应式数据深度监听与性能优化指南一、深度监听的核心方案watch的deep:true模式•Vue2实现：需显式声明深度监听配置

涵信·2025-04-29 17:40

vue2 el-input-number 千分位显示的支持（不影响v-model的数值取值）

{el.value=parseFloat(el.value.replace(/,/g,'')).toFixed(2)}//失去焦点时转化为千分位el.onblur=()=>{constonBlurValue=parseFloat(el.value.replace(/,/g,''))if(!isNaN(onBlurValue)){el.value=onBlurValue.toLocaleString

小白咚·2025-04-29 16:21

Vue3中的ref为何要用.value进行值的调用？

在Vue2中，所有的数据都通过一个Data进行统一的返回，并且在data中对某个组件要用的数据进行统一的管理，常见的使用形式是这样的：importsearchfrom'@/components/search'importtodosfrom

ciarlatani·2025-04-28 21:48

vue2大屏适配

新建组件FullContainerexportdefault{name:'FullContainer',mounted(){this.initSize();window.addEventListener('resize',this.setScale);},beforeDestroy(){this.recoverSize();window.removeEventListener('resize',t

H30919·2025-04-28 21:42

Vue2.0开发之——babel-loader处理高级JS语法(09)

一概述通过装饰器注解问题导入babel-loaderbabel-loader的安装与配置babel-loader处理后的效果二通过装饰器注解问题导入babel-loader2.1在index.js文件中，添加如下代码//定义装饰器函数functioninfo(target){target.info='Person.info'}//定义一个普通的类@infoclassPerson{}console.

PGzxc·2025-04-28 21:42

Vue2、Vue3区别之响应式原理

Vue2、Vue3区别之响应式原理文章目录Vue2、Vue3区别之响应式原理**一、Vue2的响应式原理****1.核心机制：`Object.defineProperty`****2.局限性****二、

肠胃炎·2025-04-28 15:08

Vue2和Vue3区别之API

Vue2和Vue3区别之API文章目录Vue2和Vue3区别之API一、全局API对比总表**1.创建应用实例****Vue2:`newVue()`****Vue3:`createApp()`****2