vue2学习日常

什么是 Next.js 中的代码分割？如何提升性能？

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读什么是Next.js中的代码拆分？它如何提升性能？代码拆分是现代Web开发中一个重要的性能优化技术，特别是在Next.js应用中。

·2025-02-01 05:09

vue3学习笔记（ref, reactive, setup, hook...）

目录一、搭建项目二、常用的CompositionAPI1.ref函数（实现响应式）2.reactive函数3.vue2和vue3响应式的区别4.setup参数5.计算属性和监视6.vue3生命周期7.自定义

***无名小卒·2025-01-31 18:41

Vue全流程--Vue2组件的理解第二部分

组件命名规则好的命名规则可以省去很多不必要的麻烦，这个好习惯还是要养成的一个单词组成：第一种写法(首字母小写)：school第二种写法(首字母大写)：School多个单词组成：第一种写法(kebab-case命名)：my-school第二种写法(CamelCase命名)：MySchool(需要Vue脚手架支持)备注：(1).组件名尽可能回避HTML中已有的元素名称，例如：h2、H2都不行。(2).

不清参·2025-01-31 12:47

vue2源码npm i时报错（sh: rollup: command not found）

在对vue2.6.14版本的源码安装出现警告（WARN）：[email protected]:Thismodulehasbeendeprecatedandisnolongermaintained.Pleaseuse

想不到耶·2025-01-31 10:01

Vue2之 v-if VS v-show

Vue2中的v-if和v-show都是用来实现条件性渲染的指令，用于控制元素显示与隐藏的指令，但它们在实现机制和使用场景上有所不同：一、实现机制：1.1、v-if当条件表达式为真时，Vue.js会根据条件动态地创建或销毁对应的

问老大·2025-01-30 19:53

Vue 响应式渲染 - 模板语法

Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue响应式渲染-模板语法目录模板语法渲染变量（状态）绑定事件简写事件修改属性样式修改绑定图片路径动态显示和隐藏总结模板语法渲染变量（状态）在页面中直接渲染变量

JSON_L·2025-01-30 19:51

不要再这样编写 async/await

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最开始接触async/await时，很多人都会发出“终于有这个功能了！”的感叹。它的语法清晰、可读性强，用起来直观又顺手。

·2025-01-30 12:03

Next.js 高级缓存策略分析

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在Next.js中，缓存机制往往是被诟病最多的特性之一。许多开发者对其工作方式并不满意。

·2025-01-30 11:32

vue异步组件使用及加载失败重新加载

本文将介绍Vue2中异步组件的概念、使用方法以及一些技巧，重点介绍一下高阶异步组件及高阶异步组件加载失败后，如何实现重新加载。什么是异步组件在

小白路过·2025-01-29 21:35

Vue2-集成路由Vue Router介绍与使用

文章目录路由（Vue2）1.SPA与前端路由2.vue-router基本使用创建路由组件声明路由链接和占位标签创建路由模块挂载路由模块3.vue-router进阶路由重定向嵌套路由动态路由编程式导航导航守卫本篇小结更多相关内容可查看路由

来一杯龙舌兰·2025-01-29 21:34

基于vue-advanced-chat组件自义定聊天（socket.io+vue2）

通过上一篇文章https://blog.csdn.net/beekim/article/details/134176752?spm=1001.2014.3001.5501，我们已经在vue-advanced-chat中替换掉原有的firebase，用socket.io简单的实现了聊天功能。现在需要自义定该组件，改造成我们想要的样子：先将比较重要的几块提取出来1.重要模块1.1socket.io的封

键.·2025-01-29 15:08

Vue.js从入门到就业[第20讲]：响应式设计与调优，一文吃透它！

本文目录:前言摘要正文1.Vue.js的响应式系统原理1.1Vue.js响应式系统的核心Vue2与Vue3的响应式系统响应式数据的实现1.2Vue2与Vue3响应式系统的差异Vue2的局限性Vue3的优势

bug菌¹·2025-01-28 16:39

一篇带你搞懂为什么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方法来动态地观察数据的变化。