Vue2前端项目第7页

Vue 2 生命周期钩子，Vue 3 生命周期钩子【详解】

下面是Vue2和Vue3生命周期的详细介绍，以及示例代码。Vue2生命周期钩子beforeCreate:实例初始化之后，数据观测和事件配置之前被调用。

TOP印·2025-02-02 10:51

vue3的基本特性和底层原理

一、响应式系统1.Proxy-based响应式代理Vue3的核心创新之一是摒弃了Vue2基于Object.defineProperty的响应式系统，转而采用ES6的Proxy来实现数据代理。

明日筑梦师·2025-02-02 09:39

Vue全流程--Vue2插槽

作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。分类默认插槽、具名插槽、作用域插槽使用方式1.默认插槽：让子组件以不同的内容形式或者格式展现出来父组件{{g}}importCategoryfrom'./components/Category'exportdefault{name:'App',components:{Category},data

不清参·2025-02-01 22:03

DeepSeek R1 简易指南：架构、培训、本地部署和硬件要求

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读DeepSeek团队近期发布的DeepSeek-R1技术论文展示了其在增强大语言模型推理能力方面的创新实践。

·2025-02-01 16:49

Vue 89 ，Vue3生命周期钩子函数（Vue3生命周期）

我们都知道选项式API是Vue2中熟悉的语法风格，它在Vue3中仍然得到支持。这里来分享记录，两种API下的生命周期钩子函数。

北城笑笑·2025-02-01 11:29

【vue3新特性】

vue3新特性响应式变更vue3使用ES6的Proxy代理劫持整个对象，不兼容IE优点1.劫持整个对象解决了vue2的未在data定义属性劫持不到问题，数组索引下标操作劫持不到问题2.因为劫持整个对象不需要递归遍历

Orange301511·2025-02-01 10:54

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

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

·2025-02-01 05:09

优化冗余代码：提升前端项目开发效率的实用方法

目录前言代码复用与组件化模块化开发与代码分割工具辅助与自动化结束语前言在前端开发中，我们常常会遇到代码冗余的问题，这不仅增加了代码量，还影响了项目的可维护性和开发效率。还有就是有时候会接到紧急业务需求，要求立马完成上线，这时候多人协作开发，代码质量不会很高，很多都是复制粘贴;亦或是接手的代码比较老旧，公共组件里面写了大量冗余代码，这种情况下时间越久，开发起来就越难受。那么本文将结合实际项目案例，分

三掌柜666·2025-02-01 00:31

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

【零散技术】MAC 安装多版本node

时间是我们最宝贵的财富,珍惜手上的每个时分不同前端项目运行的node版本不一致，会导致无法运行，就像Odoo也需要依据版本使用对应的python环境。

Odoo穆尘·2025-01-30 16:29

不要再这样编写 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前端项目构建

目录1、安装Vue脚手架1.1安装node.js1.2安装npm1.3安装Vue脚手架2、通过Vue脚手架创建项目2.1基于3.x版本的脚手架创建vue项目，这里使用图形界面方式创建。3、启动项目4、项目初始化文件结构5、Vue脚手架自定义配置6、安装Element-UI插件7、使用Element-UI

踏浪·2025-01-29 03:41

如何设计一个合理的vue前端项目架构

在前端开发中，我学习的是vue的开发路线。在最初的学习中，除了学习理论知识，还有就是看一些开源项目学习如何将vue应用到实际开发中。合理的项目架构设计是项目成功的基础之一。一个好的架构不仅可以提升代码的可读性和可维护性，还能提高开发效率，并降低项目的长期维护成本。所以，本文将以构建项目为起点，探讨如何设计关于vue的前端架构。1.项目初始化1.1创建项目vue不是在IDE中创建项目，而是使用工具在

叫我阿柒啊·2025-01-29 02:34

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

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

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

由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城

/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目

编程小飞侠a·2025-01-28 11:40

一篇带你搞懂为什么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

基于SpringBoot+Vue码头船只货柜管理系统

期待与各位高校教师、企业讲师以及同行交流合作主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开

qq_469603589·2025-01-27 08:28

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

Vite + Vue3 + TS项目配置前置路由守卫

前置条件在开始配置项目前置路由守卫前，博主希望你能够先达成以下前置条件：1.完成Vue3前端项目搭建:Vite创建Vue3+TS项目2.引入

洛*璃·2025-01-26 08:32

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全家桶 - 电商后台管理系统项目开发实录（详）

目录1.项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式（前、后端分离）2.项目初始化2.1前端项目初始化步骤码云相关操作2.2后台项目的环境安装配置3.登录

←か淡定☆ ヾ·2025-01-24 00:16

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

数据劫持：Vue2使用Obj

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

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

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

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

基于 Github Actions 和 Docker 的前端项目CI/CD

一、项目背景最近在写一个管理系统项目的时候出现了一些比较麻烦的问题，由于进度比较赶，项目虽然上线了，但是还需要继续开发，这就涉及到频繁的构建和部署。首先讲一下没使用CI/CD之前的部署方式:首先使用pnpmbuild，拿到项目的打包产物.output文件夹将.output文件夹压缩，并通过服务器可视化工具宝塔，将压缩包上传到指定文件夹下第一次部署时使用pm2命令pm2start./.output/

Single·2025-01-22 21:52

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

推荐频道

Vue2前端项目