#vue 第55页

深度解析：Vue.js 性能优化全景指南（从原理到实践）

前言随着Vue.js应用复杂度提升，性能问题逐渐成为制约用户体验的瓶颈。

码农突围NO.1·2025-05-04 10:13

组件通信-$refs、$parent

child1组件子组件1玩具：{{toy}}书本：{{book}}本干掉父亲的一套房产import{ref}from'vue'consttoy=ref('奥特曼')constbook=ref(3)const

娃哈哈哈哈呀·2025-05-04 10:43

vue3兄弟组件通信采用mitt

/appChild1.vue'importappCHILD2from'./appChild2.vue'npminstall--savemittimportmittfrom'm

前端小云儿·2025-05-04 10:12

Vue3中如何使用mitt进行兄弟组件通信

目录目录目录前言正文1.安装mitt：2.创建事件总线：3.在发送组件中发送事件：4.在接收组件中监听事件：5.取消事件监听（可选）：总结前言在Vue3中，mitt是一个简单的事件总线库，用于在组件之间进行事件通信

尔嵘·2025-05-04 10:42

Vite 开发快速入门

目前，Vite已经发布了Vite2，Vite全新的插件架构、丝滑的开发体验，可以和Vue3的完美结合。1.1Vi

Luffy船长·2025-05-04 09:35

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

Vue响应式原理揭秘：数据是如何自动更新视图的在使用Vue时，你是否想过：当你修改一个变量，页面是如何自动更新的？这背后其实就是Vue的响应式系统在发挥作用。

2501_91537388·2025-05-04 09:04

vue3内置组件Suspense的使用

Suspense实验性功能是一项实验性功能。它不一定会最终成为稳定功能，并且在稳定之前相关API也可能会发生变化是一个内置组件，用来在组件树中协调对异步依赖的处理。它让我们可以在组件树上层等待下层的多个嵌套异步依赖项解析完成，并可以在等待时渲染一个加载状态。可以等待的异步依赖有两种：带有异步setup()钩子的组件。这也包含了使用时有顶层await表达式的组件。异步组件。异步组件默认就是“susp

会飞的鱼先生·2025-05-04 08:31

[Vue]props解耦传参

在Vue中，通过props传递路由参数（即props解耦）是一种将组件与路由参数解耦的推荐方式。这种方法能显著提升组件的独立性、复用性和可维护性。以下是详细解释：一、什么是props解耦？

零叁三·2025-05-04 08:58

Vue3源码1-系统化学习步骤

文章目录前言第一步：明确学习目标和准备基础✅目标：✅基础准备：第二步：搭建本地源码调试环境✅步骤：第三步：模块拆解分析Vue核心模块1️⃣`reactivity`响应式系统2️⃣`runtime-core

TE-茶叶蛋·2025-05-04 06:18

uni-app API封装：让接口调用绽放新光彩

前言uni-app是一款基于Vue.js框架的跨平台开发工具，可以将代码编译成H5、小程序、App等不同平台的应用。在进行uni-app开发时，网络请求是必不可少的环节。

Front_Yue·2025-05-04 05:13

前端开发 Markdown 编辑器与富文本编辑器详解

编辑器项目名称技术栈核心特性适用场景Editor.mdJavaScript/Node.js支持GFM、代码块、流程图、数学公式，兼容IE8+，提供主题切换功能技术博客、网页站、在线文档BytemdSvelte/Vue

GISer_Jinger·2025-05-04 05:38

前端开发核心知识01 - 现代前端开发框架

本文详细探讨了现代前端开发的核心概念，涵盖了Vite作为高效的前端构建工具，以及主流的前端框架（Vue、Preact、Svelte、Lit、Solid、Qwik）的特性、使用方法和适用场景。

2301_76646956·2025-05-04 03:01

vue-router的详细安装及配置

6、路由的导航守卫1、安装路由，vue给我们提供了路由功能，该包需要单独安装。

愚公爱上精卫·2025-05-03 23:29

前端面经-VUE3篇（二）--vue3组件知识（二）依赖注入、异步组件、生命周期、组合式函数、插件

目录一、依赖注入1、依赖注入是什么？2、最基础的使用3、为什么使用依赖注入？4、使用Symbol作注入名二、异步组件1、什么是异步组件？2、最基础用法：defineAsyncComponent3、在模板中使用异步组件4、配置加载状态：加载提示/超时/错误处理三、生命周期1、生命周期的本质：组件从“出生”到“死亡”的过程2、生命周期钩子总览3、各生命周期钩子的详细解释1.setup()2.onBef

小杨升级打怪中·2025-05-03 22:57

比较Next.js和Nuxt.js在SSR实现上的差异

Next.js和Nuxt.js是两个流行的框架，分别基于React和Vue，均支持服务器端渲染（SSR）。尽管它们的目标相似，但在实现和设计哲学上存在一些显著差异。

编程微刊(祈澈菇凉)·2025-05-03 22:27

计算机毕业设计之基于随机森林的糖尿病预测研究与实现

该系统是一款基于B/S架构的web应用，其它技术还包括python，hadoop，spark，vue，Echarts，pandas等。用户首先可

bishe18是微·2025-05-03 20:39

React基础学习笔记

1.前言1.1学习背景笔者技术栈为Vue，闲来无事，重温下胖哥的React基础课程，记录自己学习react的过程，希望能帮助到和我一样的初学者，此处附上胖哥课程的链接：React16免费视频教程（共28

JiangJiang1650·2025-05-03 18:00

[Vue]编程式导航

在Vue中，编程式导航是通过JavaScript代码（而非标签）动态控制路由跳转的核心方式。这个方法依赖于VueRouter提供的API，能更灵活地处理复杂场景（如异步操作、条件跳转等）。

零叁三·2025-05-03 18:27

国产linux系统（银河麒麟，统信uos）使用 PageOffice 实现word文件在线留痕

查看本示例演示效果本示例关键代码的编写位置Vue+Springboot注意本文中展示的代码均为关键代码，复制粘贴到您的项目中，按照实际的情况，例如文档路径，用户名等做适当修改即可使用。

wqqqianqian·2025-05-03 16:14

【vue源码】$set实现原理

$set的作用vm.$set(target,key,value)中接收三个参数targer目标值key将要设置的属性value要设置的值对于在初始化data时已经设置的值，当我们改变他们的值，可以触发视图更新，但是新增的属性却无法被追踪到并触发视图更新，例如：person:{name:'张三'}中我们想要再添加一个age属性，通过赋值的方式设置属性并不是响应式。因此需要借助$set方法去设置。前期

网安小陈·2025-05-03 13:24

vue2中的$set实现原理

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

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

vue的$nextTick实现原理？vue中$set原理？

Vue在观察到数据变化时并不是直接更新DOM，而是开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作。

唐长老521·2025-05-03 13:54

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

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

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

探索Go Ldap Admin：为您的企业级LDAP管理插上双翼

探索GoLdapAdmin：为您的企业级LDAP管理插上双翼go-ldap-admin-ui基于Go+Vue实现的openLDAP后台管理项目项目地址:https://gitcode.com/gh_mirrors

平奇群Derek·2025-05-03 10:39

JAVA学习笔记汇总

算法API+Lambda表达式集合进阶Stream流+方法引用枚举异常多线程网络编程反射+动态代理JavaWebJAVAWeb学习笔记(一)_HTMLJAVAWeb学习笔记(二)_JavaScript+VueJAVAWeb

zhxueverme·2025-05-03 10:34

npm ERR! code CERT_HAS_EXPIRED：解决证书过期问题

requesttohttps://registry.npm.taobao.org/vue-loaderfailed,reason:certificatehasexpirednpmERR!

阿波拉·2025-05-03 10:04

Vue3通透教程【十三】TS简单类型详解

文章目录写在前面TS中的简单类型写在最后写在前面专栏介绍：凉哥作为Vue的忠实粉丝输出过大量的Vue文章，应粉丝要求开始更新Vue3的相关技术文章，Vue框架目前的地位大家应该都晓得，所谓三大框架使用人数最多

几何心凉·2025-05-03 09:59

初学Vue----案例一

{{item}}×{{list.length}}条数据clearnewVue({el:"#app3",data:{list:[],inputValue:"好好学习"},methods:{remove:function

清·梦·2025-05-03 08:55

11. Three.js 中的 AmbientLight（环境光）详解

本文适用于Three.js初学者与进阶开发者，深入了解THREE.AmbientLight的用法、原理和最佳实践，最后还会给出一个基于Vue3CompositionAPI的真实代码案例。

吉檀迦俐·2025-05-03 08:20

如何在Vue3中使用Jest或Vue Test Utils为一个简单的组件编写单元测试

其中，Vue3作为当下流行的前端框架，提供了极为优秀的组件化开发体验。VueTestUtils和Jest是Vue生态系统中常用的测试工具，它们分别用于组件的单元测试和测试运行管理。

JJCTO袁龙·2025-05-03 06:10

【Vue】移动端开发（Uni-app、Taro）

个人主页：Guiat归属专栏：Vue文章目录1.Uni-app与Taro简介1.1什么是Uni-app？1.2什么是Taro？

Guiat·2025-05-03 06:38

【Vue】Vue与UI框架（Element Plus、Ant Design Vue、Vant）

个人主页：Guiat归属专栏：Vue文章目录1.VueUI框架概述1.1主流VueUI框架简介1.2选择UI框架的考虑因素2.ElementPlus详解2.1ElementPlus基础使用2.1.1安装与引入

Guiat·2025-05-03 06:07

新搭建一个 Vue 项目后，我有了这 15 点思考

作者：codexuhttps://juejin.cn/post/69014669944789401681.分解需求技术栈考虑到后续招人和现有人员的技术栈，选择Vue作为框架。

前端瓶子君·2025-05-03 05:02

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

快速上手 Uniapp：从入门到精通的捷径

Uniapp：从入门到精通的捷径前言一、引言1.1什么是Uniapp1.2为什么选择Uniapp二、环境搭建2.1安装Node.js2.2安装HBuilderX2.3初始化项目三、Uniapp基础语法3.1Vue.js

xcLeigh·2025-05-03 02:42

vue3 template转为render函数过程详解

在Vue中，template模板是我们编写组件的主要方式之一，而Vue内部会将这些模板转换为render函数。

TEN01Y·2025-05-03 02:40

Vue3官方文档翻译之Template Syntax

引言原文:http://blog.duhbb.com/2022/02/11/translation-of-template-syntax-in-vue-3-offiicial-doc/欢迎访问我的博客:

tuhoooo·2025-05-03 02:07

VUE3

VUE3一、创建一个vue实例1.1传统开发方式打开官网，点击快速上手，在html文件中引入vue.global.js文件在body标签里:首先是容器，在script标签里用Vue.createApp方法

神行阿衡·2025-05-03 02:36

读完这一篇就搞懂了【vue前端】

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

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

uni-app基础知识

通过#ifdef、#idndef的方式H5：H5MP-WEIXIN:微信小程序2.uni-app的配置文件，入口文件，主组件，页面管理部分page.json配置文件main.js入口文件App.vue主组件

她的双马尾·2025-05-03 00:58

vue3组件之间的通信方式

vue3组件之间的通信方式1、props:父子组件通信——父传子2、$emit:父子组件通信——子传父3、EventBus-mitt：父子、兄弟、隔代组件通信4、v-model：父子组件数据同步5、useAttrs

H_ZMY·2025-05-03 00:57

【vue3 前端】

/ChildComponent.vue';

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

RuoYi-Vue-Plus（登录流程）

一、前端登录请求登录按钮：src\views\login.vue页面中登录片段，调用了handleLogin方法，如下： @click.native.prevent="handleLogin"登录登录中

syfjava·2025-05-02 23:54

Docker之ruoyi-vue项目部署

文章目录创建自定义网络安装redis安装mysql发布若依项目--后端使用Dockerfile自定义镜像运行容器nginx创建自定义网络#搭建net-ry局域网，用于部署若依项目dockernetworkcreatenet-ry--subnet=172.68.0.0/16--gateway=172.68.0.1查看网络dockernetworkls注意1：关闭宿主机的防火墙，否者容器内部的MySQ

释：·2025-05-02 23:51

利用Docker一键部署若依前后端分离项目详细教程

若依前后端分离版本开源地址：https://gitee.com/y_project/RuoYi-Vue目录一、安装Docker二、安装docker-compose三、修改后端配置文件并打jar包（1）修改数据库连接信息

Roc-xb·2025-05-02 23:50

十八、Vue 与 Electron：如何用 Vue 开发跨平台桌面应用

Node.js与npmcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh|bashnvminstall--lts#安装VueCLI

码说数字化·2025-05-02 23:20

脚手架创建vue3项目的方式

第一种方式npminitvite@latest第二种方式npminitvue@latest第三种方式使用vue-cli创建安装或者升级npminstall-g@vue/cli保证vuecli版本在4.5.0

loly_zhang·2025-05-02 22:17

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

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

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

【PostgreSQL异常解决】PostgreSQL 异常错误: PG::Error 服务意外关闭连接

博主介绍：✌全网粉丝21W+，CSDN博客专家、Java领域优质创作者，掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域✌技术范围：SpringBoot、SpringCloud、Vue

No8g攻城狮·2025-05-02 19:51

基于springboot+vue图书管理系统的设计与实现

摘要传统信息的管理大部分依赖于管理人员的手工登记与管理，然而，随着近些年信息技术的迅猛发展，让许多比较老套的信息管理模式进行了更新迭代，图书信息因为其管理内容繁杂，管理数量繁多导致手工进行处理不能满足广大用户的需求，因此就应运而生出相应的图书管理系统。本图书管理系统分为管理员还有用户两个权限，管理员可以管理用户的基本信息内容，可以管理公告信息以及图书信息，能够与用户进行相互交流等操作，用户可以查看

Java程序员coder0214·2025-05-02 19:21

推荐频道

#vue