VUE2

一篇带你搞懂为什么Vue3比Vue2效率更高！

众所周知，vue3比vue2效率有很大的提升，渲染效率提升了1.3~2倍，SSR效率提升了2~3倍。那么vue3是如何提升效率的呢？

一朵好运莲·2025-01-28 08:49

VUE之生命周期

目录1、VUE2的生命周期1.1、创建（创建前，创建完毕）1.2、挂载（挂载前，挂载完毕）1.3、更新（更新前，更新完毕）1.4、销毁（销毁前，销毁完毕）2、VUE3的生命周期2.1、创建（setup）

三日沐水·2025-01-28 07:10

Vue2 和 Vue3 自定义指令比较

Vue3官网-自定义指令Vue2官网-自定义指令在Vue2和Vue3中，自定义指令可以通过全局注册和局部注册来创建。

风继续吹..·2025-01-28 00:49

Vue2：父子组件间参数传递 - 单项传递和双向绑定

2、双向传递2.1子组件修改后通过事件触发传递给父组件在Vue2踩坑记录：父子间参数传递，不要尝试修改计算属性，可能无法实现响应式一文中，父组件通过prop传递给子组件，子组件接收后拷贝一份，在子组件内部修改

我是飞鸟呀·2025-01-28 00:48

【vue2父组件调用子组件方法之slot的使用】

父组件调用子组件方法之slot的使用具体功能需求：一个页面，点击按钮，打开一个弹窗。弹窗有自定义表单和公共表单，提交的时候要获取两个表单的数据以及复显表单数据为什么使用插槽了，因为我需要在弹窗中复用公共表单，而自定义表单是不固定的，所以需要动态加载。1、实现方式直接通过插槽的this.$slots来获取子组件的方法注意：使用的ui组件库是iview页面index.vue打开弹窗importForm

睡不着的可乐·2025-01-27 09:07

Vue2和Vue3区别

1.vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用ES5的一个APIObject.defineProperty()对数据进行劫持结合发布订阅模式的方式来实现的。

mini猪·2025-01-27 04:04

Vue2和Vue3

Vue2和Vue3一、Vue2简介二、Vue3简介三、Vue2和Vue3的关系四、Vue2和Vue3的区别五、Vue2和Vue3各自的优缺点1.Vue22.Vue3六、总结一、Vue2简介Vue.js2

秋书一叶·2025-01-27 02:53

将 Vue2 项目迁移到 Vue3

一、准备工作项目备份在开始迁移之前，务必备份整个项目，包括源代码、配置文件和相关的资源文件。这样在迁移过程中如果出现问题，可以方便地回滚到原始状态。更新工具链确保使用的构建工具（如VueCLI或Vite）是支持Vue3的版本。如果使用VueCLI，可以通过npmupdate-g@vue/cli更新到最新版本。二、Vue核心升级更新Vue依赖在项目的package.json文件中，将vue的版本从2

Chihirozy·2025-01-27 01:48

Vue2.0+ElementUI实现查询条件展开和收起功能组件

一、需求el-form如果查询条件过多，影响页面的展示效果。查询条件表单是我们系统中非常常见的功能，我们需要把它封装成一个通用的组件，方便在系统开发中提升开发效率。除了在实现基本查询条件的功能上，还需要实现多条件的折叠和展开功能二、效果图三、代码示例封装查询条件表单组件SearchButton.vue查询重置{{word}}exportdefault{props:{showAll:{type:Bo

热忱1128·2025-01-26 07:00

elementUI Table组件实现表头吸顶效果

需求描述当table内容过多的时候，页面上滑滚动，表头的信息也会随着被遮挡，无法将表头信息和表格内容对应起来，需要进行表头吸顶开始编码环境：vue2.6+、elementUIstep1：给el-table

热忱1128·2025-01-26 07:54

fuadmin

Vue2项目移步

jcsx·2025-01-26 03:55

请简述vue2和vue3的区别

Vue2和Vue3作为Vue.js框架的两个主要版本，在多个方面存在显著的差异。

youhebuke225·2025-01-26 02:47

vue2和vue3中是如何进行组件通信

前言：Vue2和Vue3都支持多种方式的组件通信，包括：1.Props和Events：父组件向子组件传递数据可以使用props属性。

尔嵘·2025-01-26 01:08

React Native 0.77 发布：更强的样式支持与性能优化

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读ReactNative0.77正式发布！

·2025-01-25 14:04

微信小程序 - wx.navigateTo({}) 跳转页面携带对象/数组/复杂数据参数（携带一个复杂对象数据参数）

支持Vue2/Vue3语法，完美解决。解决方案使用

王二红·2025-01-24 20:55

vue2在线生成二维码

亲情提示：如果可以让后端生成就让后端生成实在不行再前端解决（分享方法只是为了让你快点下班不是为了让你能者多劳）创建npminstallqrcodejs2pnpminstallqrcodejs2importQRCodefrom'qrcodejs2'data:{qrcode:'',}submitCode(){if(this.$refs.qrcode){this.qrcode='';this.$refs

家里有只小肥猫·2025-01-24 14:42

vue2 缓存组件＜keep-alive＞

在Vue.js2中，keep-alive是一个内置组件，它允许您缓存不活动的组件实例，以便在需要时可以更快地重新渲染它们。当一个组件被包裹在标签中时，它的状态会被保留，而不是在每次切换时都重新创建。以下是如何使用keep-alive组件来缓存组件的示例：切换组件importMyComponentfrom'./MyComponent.vue';exportdefault{name:'App',com

海绵宝龙·2025-01-24 11:49

Vue2.0——组件动态加载＜keep-alive＞

文章目录一、动态切换组件1.使用组件标签component的is属性来动态切换组件2.使用keep-alive缓存之前的状态一、动态切换组件1.使用组件标签component的is属性来动态切换组件Keep.vue:在它里面挂载两个页面组件keepOne，keepTwokeepOnekeepTwo<

致可乐·2025-01-24 10:39

Tailwind CSS—骨架屏生成器

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读使用TailwindCSS快速创建现代化的骨架屏，只需要这个简单的工具。我一直在寻找方法，让我的网站更加引人入胜和用户友好。

·2025-01-24 07:14

Vue.js 深度剖析：2024 前端高频面试题详解

数据劫持：Vue2使用Obj

跟着小郑学前端·2025-01-23 18:39

Vue-Router路由动态缓存组件(keep-alive)，vue2/vue3不同写法

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

码喽的自我修养·2025-01-23 18:38

Vue 中插槽（Slot）用法

DefaultSlot）2.具名插槽（NamedSlots）3.作用域插槽（ScopedSlots）4.动态插槽名（DynamicSlotNames）5.插槽后备内容（SlotFallbackContent）6.Vue2.6.0

m0_74825656·2025-01-22 12:08

vue2和vue3组件传值——父传子

****近期学习vue3的组件传值，发现和之前的vue2版本并没有什么区别，实现的思路都是一样的，文章底部我会用大白话叙述一下vue组件传值的思路过程。

MvemiZ·2025-01-22 03:03

vue项目打印网页功能-vue-print-nb

Printtheentirepage描述:支持两种打印方式，直接打印页面HTML、打印URL简单易用，支持兼容Vue的浏览器版本在线Demo:测试DEMO地址安装:Vue2版本npminstallvue-print-nb

九情丶·2025-01-22 00:14

第八篇：监视`ref`定义的【基本类型】数据和对象类型

一：【watch】监视`ref`定义的【基本类型】数据作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据：ref定义的数据。

小画家~·2025-01-22 00:14

前端框架vue和react

这是通过Vue的内部机制实现的，包括使用ES5的Object.defineProperty（Vue2.

前端虫·2025-01-21 21:46

深入剖析Vue的provide与inject：如何实现跨层级数据共享

它们在Vue2.2版本首次引入，Vue3中也得到了进一步的优化。尽管provide和inject的使用看起来非常简单，但其背后隐藏了复杂的实现原理。在这篇

·2025-01-20 22:46

vue2开发：el-select多选框点击后关闭下拉

效果：代码：vue2开发：el-select多选框点击后关闭下拉*{margin:0;padding:0;}#app{padding:50px;}el-select多选框点击后不关闭下拉el-select

·2025-01-20 12:27

vue3开发：项目添加mitt

Vue2中我们使用EventBus来实现跨组件之间的一些通信，它依赖于Vue自带的on/on/on/emit/$off等方法，而Vue3中移除了这些相关方法，这意味着EventB

·2025-01-20 12:56

Java全栈项目 - 校园跑腿服务系统

技术栈后端SpringBoot2.xSpringSecurityMyBatisPlusMySQL8.0RedisRabbitMQJWT前端Vue2.xElementUIAxiosVuexVueRouter

天天进步2015·2025-01-20 04:41

vue项目中使用mockjs模拟后端接口

Vue2中使用Mock.js来模拟数据是一个非常常见的做法，尤其是在前端开发时需要与后端接口交互但后端尚未完成的情况下。下面是一个简单的案例，演示如何在Vue2项目中使用Mock.js来模拟数据。

上趣工作室·2025-01-20 03:01

配置vue2项目中组件命名忽略大小写

vue2中如果我们想通过目录名称下创建index.vue的方式，创建组件，有时候可能会有错误提示“componentnameindexshouldalwaysbemulti-word”，在这里我介绍一下

上趣工作室·2025-01-20 03:31

vue2中在组件内部通过this.$watch监听数据变化总结

在Vue2中，除了在组件的watch选项中定义观察者，你还可以在组件内部通过this.$watch方法来动态地观察数据的变化。

上趣工作室·2025-01-20 03:01

vue2中父子组件传值案例总结

在Vue2中，父子组件之间的传值是通过props和事件来实现的。下面是详细的解释和总结：1.父组件向子组件传值父组件可以通过props向子组件传递数据。

上趣工作室·2025-01-20 03:30

Vue 中实现修改数组，并保持页面渲染数据是响应式更改

为了确保响应式更新，你可以使用Vue提供的Vue.set()方法（在Vue2中）或使用this.$set()方法（在Vue2和Vue3中的组合式API）。

上趣工作室·2025-01-20 01:09

你会选择java还是node做后台管理

node和java就看你怎么选了如果你擅长Java，那RuoYi首选RuoYI后台管理系统https://gitee.com/y_project/RuoYi-Vue有vue2又有vue3。

web网站装修工·2025-01-19 22:48

避坑指南：Element UI在Vue2项目开发中的那些坑与解

文章目录一、引言二、ElementUI初体验之坑（一）安装后不生效解决方案：（二）组件引入报错解决方案：三、表单组件的那些“小脾气”（一）重置表单后无法输入（二）表单自动校验“抽风”解决方案：四、日期组件的“时差”问题（一）DatePicker日期难改解决方案：（二）datetime类型报错解决方案：（三）IE11日期显示“失踪”解决方案：五、表格组件的“疑难杂症”（一）el-table列自适应“

前端没钱·2025-01-18 10:56

Vue2实现上传图片到阿里云的OSS对象存储

在Vue2项目中，将图片上传到阿里云的OSS（对象存储）需要几个步骤，包括配置阿里云OSS、获取上传凭证、在前端进行上传操作等。

秋意钟·2025-01-18 06:27

HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3)

HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5

木子李–刚步入开发的小学生·2025-01-17 18:52

Monorepo设置：新手指南

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Monorepo是一种项目代码管理方法，指在单个代码仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署的复杂性，并提供更好的可重用性和协作性

·2025-01-17 14:36

Vue 和 uniApp 中 CSS 样式差别

之前一直在做vue2的项目，最近开始uniapp的项目，发现两种项目之间css还是有亿点区别的。

洗发水很好用·2025-01-17 10:35

告别CSS margin 和 padding 简写,拥抱更优雅的解决方案

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。

·2025-01-17 09:49

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案，适用于全栈（Next）应用程序。

·2025-01-17 09:19

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近开始研究Strapi，这是一个无头CMS。由于它仅提供后端，前端部分包括身份验证流程需要你自己构建。

·2025-01-17 09:19

只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读很多人使用JavaScript数组时，最多就是for循环、map()或者filter()等常见方法，但其实数组还有不少“隐藏招数”。

·2025-01-17 09:16

uni-app中使用Element UI的正确姿势：打造优雅的跨平台应用界面

一、安装ElementUI1、如果你的uniapp使用的是vue2:npminstallelement-ui--save在

Jiaberrr·2025-01-17 07:07

如何只使用 CSS 实现网站的暗黑模式切换

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读想让你的网站从“明亮清新”切换到“暗黑酷炫”，而不依赖任何JavaScript？没问题！

·2025-01-17 05:01

vue2基础组件通信案例练习：把案例Todo-list改成使用全局事件总线

@[toc]改动的地方注意点1：使用地方App和MyItem之间使用全局事件总线，之前方式是App传给MyList，然后MyList再传给MyItem，之前缺陷是MyList只作为传递着啥都不干，显得太绕圈，太多余。main.jsnewVue({el:'#app',render:h=>h(App),beforeCreate(){Vue.prototype.$bus=this},})App.vuem

·2025-01-16 23:39

5分钟内理解 .prototype 链 | 2024

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。

·2025-01-16 22:36

只有 1% 的开发人员能在 60 秒内找到代码中的错误

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{

·2025-01-16 18:30

推荐频道