当前位置：首页 > news >正文

vue的 props 与 $emit 以及 provide 与 inject 的组件之间的传值对比

news 来源：原创 2025/8/18 4:58:58

好的，下面是 props 与 $emit 以及 provide 与 inject 的对比：

1. `props` 与 `$emit`

props：父组件通过 props 向子组件传递数据，子组件接收后不可修改。子组件只能读取 props 传递给它的数据。如果需要修改或更新父组件的状态，子组件必须通过 $emit 发射事件将变化传递回父组件。
$emit：子组件通过 $emit 向父组件发送事件通知，通常携带事件的相关数据。父组件通过事件监听器（@event）接收并处理事件，从而更新父组件的状态。

使用场景

props 用于父组件向子组件传递数据。
$emit 用于子组件向父组件传递事件或更新通知。

2. `provide` 与 `inject`

provide：父组件使用 provide 向其所有子孙组件提供一个数据源。provide 提供的是一个共享的数据源，所有子孙组件都可以通过 inject 获取到这些数据。provide 并不会创建副本，而是传递引用，所以子组件对数据的修改会直接影响父组件。
inject：子组件通过 inject 获取父组件（或祖先组件）通过 provide 提供的数据。通过 inject 获取到的数据通常可以直接修改（因为它是引用类型），不过需要注意可能会影响到父组件的状态。

使用场景

provide 和 inject 用于祖先组件与后代组件之间的数据传递。provide 提供数据，inject 接收数据，并且在需要时可以修改这些数据。

对比总结

特性	`props`	`$emit`	`provide`	`inject`
数据流	父组件 → 子组件	子组件 → 父组件	父组件 → 所有子孙组件	子组件 → 获取父组件或祖先组件的数据
数据修改	子组件不能直接修改父组件的数据	子组件通过 `$emit` 向父组件通知修改	子组件可以直接修改数据	子组件可以直接修改数据
用途	用于父组件向子组件传递数据	用于子组件向父组件发出事件	用于祖先组件向后代组件共享数据	用于后代组件接收祖先组件共享的数据
作用范围	仅限于父子组件之间	仅限于父子组件之间	祖先组件可以向所有子孙组件提供数据	后代组件可以接收祖先组件提供的数据
是否创建新副本	会为每个子组件创建数据的副本	不涉及数据副本	提供的数据是引用类型，不会创建副本	获取的是引用类型的数据
数据传递方式	单向数据流，父组件传递给子组件	子组件通过事件通知父组件	数据通过引用共享给所有后代组件	子组件通过引用访问祖先组件提供的数据
父子组件关系	父组件控制子组件的数据，子组件只读数据	子组件通知父组件，父组件处理事件	祖先组件与后代组件之间共享数据	后代组件通过 `inject` 获取祖先组件提供的数据

总结：

props 与 $emit 是 父子组件 之间常用的通信机制，父组件通过 props 传递数据给子组件，子组件通过 $emit 将事件和数据传递回父组件。
provide 与 inject 是 祖先组件与后代组件 之间的通信机制，适用于不直接相邻的组件之间的数据传递。provide 提供共享数据，inject 接收共享数据，且子组件可以修改这些数据。

除了 props 和 $emit、provide 和 inject，Vue 中还有其他几种数据传递和通信方式，特别是适用于不同组件间的交互。以下是一些常见的传值方式：

1. `v-model` 双向数据绑定

用法：v-model 是 Vue 提供的双向数据绑定的语法糖，主要用于父子组件之间的值传递。通过 v-model，子组件可以绑定父组件传递的值，并且可以修改这个值，父组件会接收到修改后的值。
工作原理：v-model 会在父组件中生成一个绑定的属性（通常是 value），子组件会通过 modelValue（Vue 3 中）或 value（Vue 2 中）接收这个值，并通过 $emit 发射事件更新值。

示例：

<!-- 父组件 -->
<child-component v-model="message"></child-component><!-- 子组件 -->
<template><input :value="modelValue" @input="$emit('update:modelValue', $event)">
</template>

这样，v-model 可以实现父子组件的双向数据绑定。

2. 事件总线 (Event Bus)

用法：事件总线是通过 Vue 实例来实现组件之间的通信，适用于多个组件之间没有直接关系时的通信。父子组件关系无法满足的情况时，可以使用事件总线。
工作原理：通过 new Vue() 创建一个中央事件总线，将事件注册在事件总线上，其他组件可以通过 $on 监听事件，通过 $emit 触发事件。

示例：

// 在事件总线文件中创建一个 Vue 实例
export const EventBus = new Vue();// 组件1：触发事件
EventBus.$emit('eventName', data);// 组件2：监听事件
EventBus.$on('eventName', data => {// 处理数据
});

注意：事件总线通常不推荐用于大型应用，因为它可能导致难以追踪的状态和事件，尤其是当项目变大时。

3. Vuex 状态管理

用法：Vuex 是一个专为 Vue.js 应用程序开发的状态管理库，用于在不同组件之间共享状态。它是适用于跨组件、跨页面、跨模块的数据共享方案。
工作原理：Vuex 使用一个中央的 store 来存储数据，组件通过 store 访问状态并提交更改，Vuex 会自动更新相关组件的视图。

示例：

// Vuex store 配置
const store = new Vuex.Store({state: {count: 0},mutations: {increment(state) {state.count++;}}
});// 组件访问 Vuex 状态
this.$store.state.count;
this.$store.commit('increment');

适用场景：适用于复杂的状态管理，特别是当需要跨组件或跨页面共享和更新状态时，Vuex 是一个非常好的选择。

4. Scoped Slots (作用域插槽)

用法：作用域插槽允许子组件向父组件暴露数据，父组件可以通过插槽的作用域来访问这些数据。它是通过插槽和插槽内容传递数据的一种方式。
工作原理：通过作用域插槽，父组件可以传递函数给子组件，子组件通过插槽将数据传递给父组件使用。

示例：

<!-- 父组件 -->
<child-component><template #default="{ item }"><p>{{ item.name }}</p></template>
</child-component><!-- 子组件 -->
<template><slot :item="item"></slot>
</template>

适用场景：当你想让父组件能够接收到子组件的数据并动态渲染子组件的内容时，可以使用作用域插槽。

5. Local Storage / Session Storage

用法：localStorage 和 sessionStorage 是浏览器提供的 Web 存储机制，它们可以存储数据并在不同的页面或组件之间共享。localStorage 是持久化存储，sessionStorage 在会话结束时清除。
工作原理：你可以通过 localStorage.setItem 或 sessionStorage.setItem 将数据存储到浏览器的本地存储中，然后在其他页面或组件中读取该数据。

示例：

// 存储数据
localStorage.setItem('key', 'value');// 获取数据
const value = localStorage.getItem('key');

适用场景：适用于需要在多个页面或应用程序会话中保持数据的场景，尤其是需要跨页面共享数据时。

6. Cookie

用法：Cookie 是浏览器用于存储少量数据的机制，通常用于保存会话信息、用户认证信息等。
工作原理：通过 document.cookie 设置和读取 Cookie 数据，浏览器会在后续请求时自动带上 Cookie 数据。

示例：

// 设置 Cookie
document.cookie = "username=John Doe";// 获取 Cookie
const cookies = document.cookie;

适用场景：适用于跨页面、跨会话的简单数据存储，特别是用户认证和会话信息。

总结对比

传值方式	适用场景	数据流	优点	缺点
`props` 与 `$emit`	父子组件之间的数据传递与事件处理	父 → 子，子 → 父	简单易用，直观，适用于父子组件间数据交互	只适用于父子组件关系
`provide` 与 `inject`	祖先组件与后代组件之间的数据传递	父 → 后代，子 → 祖先	适用于非直系组件间共享数据	可能引发数据依赖问题
`v-model`	双向绑定父子组件间的数据	父 ↔ 子	自动实现双向绑定	需要约定规范，可能引起混乱
`EventBus`	跨多个组件间的通信，尤其是非直接关系的组件	组件 → 组件	灵活，适用于多个组件之间的事件通信	难以追踪和管理，容易引发不必要的依赖
`Vuex`	跨多个组件、页面间共享复杂的状态管理	全局状态管理	强大的状态管理功能，适合大规模应用	配置和维护比较复杂
`Scoped Slots`	父组件控制子组件的内容，同时接收子组件暴露的数据	父 ↔ 子	灵活的内容插入机制	使用场景较为特定
`LocalStorage`/`SessionStorage`	跨页面数据共享，数据持久化	浏览器存储，跨页面	数据持久化，跨页面可访问	只适用于简单数据，不适合复杂状态
`Cookie`	跨会话共享数据，通常用于存储认证信息	跨会话，跨页面	浏览器自动管理，跨会话持久化	存储容量小，安全性较低

vue的 props 与 $emit 以及 provide 与 inject 的组件之间的传值对比

好的，下面是 props 与 $emit 以及 provide 与 inject 的对比： 1. props 与 $emit props：父组件通过 props 向子组件传递数据，子组件接收后不可修改。子组件只能读取 props 传递给它的数据。如果需要修改或更新父组件的状态&#…...

编程日记 2025/8/18 4:58:58

数据结构——环形数组

环形数组 start 指向第一个有效元素的索引，end 指向最后一个有效元素的下一个位置索引。注意： start是闭区间，先左移后赋值，先赋值(null)后右移；end是开区间，先赋值再右移，先左移再赋值(null…...

编程日记 2025/8/16 11:12:37

k8s面试题总结（十五）

1.如何使用Kubernetes进行多环境部署（如开发，测试和生产环境）？ 使用命名空间（namespaces）： 命名空间是用于逻辑隔离和资源分组的一种方式，可以为每个环境创建单独的命名空间。 2.使…...

编程日记 2025/8/16 1:37:45

深度学习项目--基于DenseNet网络的“乳腺癌图像识别”，准确率90%+，pytorch复现

🍨 本文为🔗365天深度学习训练营中的学习记录博客🍖 原作者：K同学啊前言如果说最经典的神经网络，ResNet肯定是一个，从ResNet发布后，很多人做了修改，denseNet网络无疑是最成功的…...

编程日记 2025/8/16 12:40:19

蓝桥杯 17110抓娃娃

问题描述小明拿了 n 条线段练习抓娃娃。他将所有线段铺在数轴上，第 i 条线段的左端点在 li，右端点在 ri。小明用 m 个区间去框这些线段，第 i个区间的范围是 [Li, Ri]。如果一个线段有至少一半的长度被包含在某个区间内，…...

编程日记 2025/8/16 9:50:44

探索高性能AI识别和边缘计算 | NVIDIA Jetson Orin Nano 8GB 开发套件的全面测评

随着边缘计算和人工智能技术的迅速发展，性能强大的嵌入式AI开发板成为开发者和企业关注的焦点。NVIDIA近期推出的Jetson Orin Nano 8GB开发套件，凭借其40 TOPS算力、高效的Ampere架构GPU以及出色的边缘AI能力，引起了广泛关注。本文将从配置性…...

编程日记 2025/8/16 9:45:23

基于强化学习建立代理模型来预测飞机升阻力特性的一般步骤

以下是一个基于强化学习建立代理模型来预测飞机升阻力特性的一般步骤： 1. 问题定义与环境设置明确目标：确定要准确预测飞机在不同飞行条件下的升力和阻力系数。状态空间定义：选取与飞机升阻力相关的状态变量，如飞行速度、攻角、…...

编程日记 2025/8/16 9:45:28

使用Qt创建悬浮窗口

在Qt中创建悬浮窗口（如无边框、可拖动的浮动面板或提示框）可以通过以下方法实现。以下是几种常见场景的解决方案： 方法1：使用无边框窗口鼠标事件拖动适用于自定义浮动工具窗口（如Photoshop的工具栏）。 …...

编程日记 2025/8/15 13:33:03

C/C++都有哪些开源的Web框架？

CppCMS CppCMS是一个采用C语言开发的高性能Web框架，通过模版元编程方式实现了在编译期检查RESTful路由系统，支持传统的MVC模式和多种语言混合开发模式。 CppCMS最厉害的功能是WebSocket，10万连接在内存中长期保存占用的大小不超过600MB&…...

编程日记 2025/8/16 11:57:30

Unity基于C#+UGUI解决方案，制作每日签到系统（本地存储签到数据）

一、需求介绍：基于本地存储系统制作一个每日签到系统界面，相关签到界面如下图所示，点击“签到有礼”按钮后就会跳转到“每日登录礼”这个界面，点击“立即签到”按钮之后，按钮就会置灰，而且按钮的文字会变成“等待明日”。二、制作界面显示相关功能，需要在Unity中新建一…...

编程日记 2025/8/16 12:37:59

VBA+FreePic2Pdf 找出没有放入PDF组合的单个PDF工艺文件

设计部门针对某个项目做了一个工艺汇总报告，原先只要几十个工艺文件，组合成一个PDF，但后来要求要多放点PDF进去，但工艺文件都混在一起又不知道哪些是重复的，找上我让我帮忙处理一下，我开始建议让她重新再组…...

编程日记 2025/8/16 13:06:13

工程化与框架系列（31）--前端依赖管理实践

前端依赖管理实践 📦 引言前端依赖管理是现代Web开发中的重要环节。本文将深入探讨前端依赖管理的最佳实践，包括包管理工具、版本控制、依赖分析和优化等方面，帮助开发者更好地管理项目依赖。依赖管理概述前端依赖管理主要包括以下方面…...

编程日记 2025/8/16 9:51:44

【vscode-01】vscode不同项目不同语言扩展插件隔离方案

vscode不同项目不同语言扩展插件隔离方案 1. 背景2. vscode 扩展插件隔离方案2.1 code-profile 配置文件2.2 配合extensions.json 1. 背景最近打开vscode 发现越来越卡，这是一个轻量级代码编辑器，怎么会如此占用内存呢？ 我使用了‘code --l…...

编程日记 2025/8/16 9:45:18

17 | 实现简洁架构的 Biz 层

提示： 所有体系课见专栏：Go 项目开发极速入门实战课；欢迎加入云原生 AI 实战星球，12 高质量体系课、20 高质量实战项目助你在 AI 时代建立技术竞争力（聚焦于 Go、云原生、AI Infra）；本节课最终…...

编程日记 2025/8/15 13:01:14

DNS解析错误要怎么处理

在互联网时代，网络已经成为人们生活和工作中不可或缺的一部分。然而，当遇到DNS 解析错误时，原本畅通无阻的网络访问会突然陷入困境，让人感到十分困扰。DNS，即域名系统，它如同互联网的电话簿，将人…...

编程日记 2025/8/16 9:45:25

【Rust基础】Rust后端开发常用库

使用Rust有一段时间了，期间尝试过使用Rust做后端开发、命令行工具开发，以及做端侧模型部署，也尝试过交叉编译、FFI调用等，也算是基本入门了。在用Rust做后端接口开发时，常常会找不到一些合适库，而这些库在J…...

编程日记 2025/8/16 9:45:21

【附JS、Python、C++题解】Leetcode面试150题（9）——三数之和

一、题目 15. 三数之和给你一个整数数组 nums ，判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足： i!j、i!k 且 j! k ，同时还满足：nums[i] nums[j] nums[k] 0 。请你返回所有和为 0 且不重复的三元组。注意…...

编程日记 2025/8/16 9:50:55

脑电波控制设备：基于典型相关分析（CCA）的脑机接口频率精准解码方法

文章目录前言一、CCA的用途二、频率求解思路三、输入数据结构四、判断方法五、matlab实践1.数据集获取及处理2.matlab代码3.运行及结果六、参考文献前言在脑机接口(BCI)领域，有SSVEP方向，中文叫做稳态视觉诱发电位，当人观看闪烁的视觉刺激…...

编程日记 2025/8/16 11:40:25

Golang学习笔记_44——命令模式

Golang学习笔记_41——观察者模式 Golang学习笔记_42——迭代器模式 Golang学习笔记_43——责任链模式文章目录一、核心概念1. 定义2. 解决的问题3. 核心角色4. 类图二、特点分析三、适用场景1. 事务管理系统2. 多媒体遥控器3. 操作审计系统四、Go语言实现示例五、高级应用…...

编程日记 2025/8/16 13:06:47

vue项目如何实现条件查询？

目录 1.前端 2.后端 3.mybatis的sql语句结语 1.前端说白了就是，无论该参数是否是空字符串，都会传递到后端。（反正不是null就行）。 2.后端在controller层中，使用RequestParam注解接收名为registerName的参数&…...

编程日记 2025/8/16 11:30:10

windows平台的ffmpeg编译使用

windows平台的ffmpeg编译使用一、现状本人使用libgdx开发galGame，发现扩展包gdx-video不支持mp4，不能忍，正好看到官网有支持自定义编译的文档，所以操作一下，自定义编译。本文重点在于操作windows平台，linux平台太简单了。整个过程包括如下几个步骤。二、代码下载…...

编程日记 2025/8/16 6:55:06

Android 14 昼夜色切换多屏时候非主屏的Activity无法收到onConfigurationChanged

记录一下遇见的这个问题和查看源码的过程首先先说遇见的问题 Android 14 昼夜色切换多屏时候非主屏的Activity 会经常收不到 onConfigurationChanged的回调分析原因源码中ActivityThread::performActivityConfigurationChanged 里面 private Configuration performActivi…...

编程日记 2025/8/16 5:31:01

NLP常见任务专题介绍（4）-ConditionalGeneration和CasualLM区别

在 transformers 库中，ConditionalGeneration 和 CausalLM 是两种不同类型的语言模型，各自适用于不同的任务：类别Conditional Generation (条件生成)CausalLM (因果语言模型)核心区别依赖输入条件生成文本只能自回归生成文本训练方式Encoder-Decoder（编码-解码）结构…...

编程日记 2025/8/16 9:45:43

【vue+excel】导出excel（目前是可以导出两个sheet）

项目里经常用到的导出ecxel功能是默认导出一个sheet页现在需要导出两个sheet，一个是总计，另一个是明细效果如下： 我就在现有的单个导出的功能上改造了一下，只支持导出两个（代码不够灵活，如果需要多个&…...

编程日记 2025/8/16 9:50:52

【数据结构】6栈

0 章节 3．1到3．3小节。认知与理解栈结构； 列举栈的操作特点。理解并列举栈的应用案例。重点栈的特点与实现； 难点栈的灵活实现与应用作业或思考题完成学习测试２，？ 内容达成以下标准(考核…...

编程日记 2025/8/16 9:45:46

【C++】每日一练（有效的括号）

本篇博客给大家带来的是用C语言来解答有效的括号！ 🐟🐟文章专栏：每日一练 🚀🚀若有问题评论区下讨论，我会及时回答 ❤❤欢迎大家点赞、收藏、分享！ 今日思想：不服输的少年…...

编程日记 2025/8/15 14:26:46

数字化新零售与 AI 大模型，如何重塑大健康赛道？

在数字化浪潮中，大健康赛道正经历深刻变革。数字化新零售营销模式的兴起，与 AI 大模型的强大能力相结合，为大健康领域带来了全新的发展机遇。数字化新零售营销模式融合线上线下，运用大数据、云计算分析消费者行为，实…...

编程日记 2025/8/16 12:09:09

Android实现Socket通信

问题： 我在Android端对接后端Socket服务实现消息模块的时候，使用WebSocketClient 库，手动构造了订阅和发送消息的 STOMP 帧，，Socket连接成功建立，但是当用户发送消息的时候，对方无法接受到。 …...

编程日记 2025/8/16 11:29:06

✅ Vue 3 响应式写法小抄表（Composition API 实战模板）

📦 引入核心响应式工具 import { ref, reactive, computed, watch, toRefs } from vue1️⃣ 基本类型（string / number / boolean） → 推荐使用 ref() const username ref() const count ref(0) const isLoading ref(false)2️⃣ 对象/表…...

编程日记 2025/8/16 10:41:21

Python数据分析之数据可视化

Python 数据分析重点知识点本系列不同其他的知识点讲解，力求通过例子让新同学学习用法，帮助老同学快速回忆知识点可视化系列： Python基础数据分析工具数据处理与分析数据可视化机器学习基础四、数据可视化图表类型与选择根据数据特…...

编程日记 2025/8/18 3:03:00

TCP协议支持全双工原因TCP发送接收数据是生产者消费者模型

一、TCP支持全双工的原因 TCP协议支持全双工，即使用TCP协议进行通信时，服务端和客户端可以同时进行数据的发送和接收，互不干扰，实现同时双向传输数据。这是因为使用TCP协议通信时，读写套接字的文件描述符既用来发送…...

编程日记 2025/8/16 9:45:38

【ODHead】BEVDet的 CenterHead的推理和拓展到蒸馏损失的算法细节

文章目录背景常识1、BEVDet的CenterHead整体方案2、蒸馏部分3、输出 preds_dicts 部分3.1、headmap3.2、bbox3.3、Mask掩膜3.4、损失背景常识在BEVDet和BEVFormer里，使用了不同的3D detection head（BEVDet用了centerhead，BEVFormer用了de…...

编程日记 2025/8/15 12:30:10

在 CentOS 7 上安装 PHP 7.3

在 CentOS 7 上安装 PHP 7.3 可以按照以下步骤进行操作： 1. 安装必要的依赖和 EPEL 仓库 EPEL（Extra Packages for Enterprise Linux）是为企业级 Linux 提供额外软件包的仓库，yum-utils 用于管理 yum 仓库。 sudo yum install -…...

编程日记 2025/8/16 9:45:37

vue+dhtmlx-gantt 实现甘特图-快速入门【甘特图】

文章目录一、前言二、使用说明2.1 引入依赖2.2 引入组件2.3 引入dhtmlx-gantt2.4 甘特图数据配置2.5 初始化配置三、代码示例3.1 Vue2完整示例3.2 Vue3 完整示例四、效果图一、前言 dhtmlxGantt 是一款功能强大的甘特图组件，支持 Vue 3 集成。它提供了丰富的功…...

编程日记 2025/8/15 13:32:40

关于ModbusTCP/RTU协议对接Ethernet/IP(CIP)协议的方案

IGT-DSER智能网关模块支持西门子、倍福(BECKHOFF)、罗克韦尔AB，以及三菱、欧姆龙等各种品牌的PLC之间通讯，支持Ethernet/IP(CIP)、Profinet(S7)，以及FINS、MC等工业自动化常用协议，同时也支持PLC与Modbus协议的工业机器人、智能仪…...

编程日记 2025/8/16 9:51:05

python-leetcode 49.二叉树中的最大路径和

题目： 二叉树中的路径被定义为一条节点序列，序列中每对相邻节点之间都存在一条边，同一个节点在一条路径序列中至多出现一次，该路径至少包含一个节点，且不一定经过根节点。路径和是路径中各节点值得总和，…...

编程日记 2025/8/16 9:52:20

C语言基础知识04

指针指针概念指针保存地址，地址是字节的编号指针类型和保存的地址类型要一直使用时注意，把地址转换为&变量的格式来看 int a[3]; a转为&a[0] 指针的大小 64bit 固定8字节， 32bit 固定4字节指针…...

编程日记 2025/8/16 11:26:11

使用 Golang 操作 MySQL

在Go语言中，操作SQL数据库，通常会用到一些第三方库来简化数据库的连接、查询和操作过程。其中原生的 database/sql go-sql-driver/mysql 库更符合sql语句使用习惯。‌ 安装 go get github.com/go-sql-driver/mysql 直接上代码来演示基本的创建&#xff…...

编程日记 2025/8/18 1:28:51

前端面试：cookie 可以实现不同域共享吗？

在前端开发中，Cookie 不能直接实现不同域之间的共享。Cookie 的作用域受到域的限制，浏览器不会允许一个域下的 Cookie 被另一个域访问。这是为了保护用户隐私及安全，防止跨站请求伪造（CSRF）等安全问题。 Cookie 的基本…...

编程日记 2025/8/16 11:23:19

MyBatis-Plus接入和简单使用

如何接入 https://baomidou.com/getting-started/ 简单使用方法使用 MyBatis-Plus 时，大多数场景下不需要编写 XML 和 SQL，因为它提供了强大的通用 CRUD 操作和条件构造器。但以下情况可能需要手动编写 SQL： 1. 不需要写 XML/SQL 的场景 …...

编程日记 2025/8/16 9:45:42

【Go万字洗髓经】Golang内存模型与内存分配管理

本文目录 1. 操作系统中的虚拟内存分页与进程管理虚拟内存与内存隔离 2. Golang中的内存模型内存分配流程内存单元mspan线程缓存mcache中心缓存mcentral全局堆缓存mheapheapArena空闲页索引pageAlloc 3. Go对象分配mallocgc函数tiny对象分配内存 4.结合GMP模型来看内存模型tiny…...

编程日记 2025/8/16 7:27:54

mov格式视频如何转换mp4？

mov格式视频如何转换mp4？在日常的视频处理中，经常需要将MOV格式的视频转换为MP4格式，以兼容更多的播放设备和平台。下面给大家分享如何将MOV视频转换为MP4，4款视频格式转换工具分享。一、牛学长转码大师牛学长转码大师是一款功…...

编程日记 2025/8/16 9:45:44

鸿蒙OS开发ForEach循环渲染

摘要在ForEach循环渲染过程中，如果修改列表项中的数据，但是UI页面不会刷新。在最近开发公司app时遇到了这个问题，经过查看官方文档找到了解决方式官方地址：数据变化不刷新一、具体解决方案思路：通过父子组件传…...

编程日记 2025/8/16 12:44:54

【算法】DFS、BFS、拓扑排序

⭐️个人主页：小羊 ⭐️所属专栏：算法很荣幸您能阅读我的文章，诚请评论指点，欢迎欢迎 ~ 目录持续更新中...1、DFS2、BFSN 叉树的层序遍历二叉树的锯齿形层序遍历二叉树最大宽度 3、多源BFS腐烂的苹果 4、拓扑排序持续更新中…...

编程日记 2025/8/16 11:55:34

【Godot4.0】贝塞尔曲线在游戏中的实际应用

概述之前研究贝塞尔曲线绘制，完全是以绘图函数，以及实现节点连接为思考。并没有实际考虑贝塞尔曲线在游戏中的应用。今日偶然看到悦千简一年多前发的一个用贝塞尔曲线实现追踪弹或箭矢效果，还有玩物不丧志的老李杀戮尖塔系列中的卡牌动态箭…...

编程日记 2025/8/16 9:51:16

MongoDB 数据导出与导入实战指南（附完整命令）

1. 场景说明在 MongoDB 运维中，数据备份与恢复是核心操作。本文使用 mongodump 和 mongorestore 工具，演示如何通过命令行导出和导入数据，解决副本集连接、路径指定等关键问题。 2. 数据导出（mongodump） 2.1 导出命…...

编程日记 2025/8/16 9:46:29

文章目录 rust编译工具rustupVisual Studio VS Code测试编译手动编译VSCode编译配置参考完 rust编译工具rustup https://www.rust-lang.org/zh-CN/tools/install 换源 RUSTUP_DIST_SERVER https://rsproxy.cn RUSTUP_UPDATE_ROOT https://rsproxy.cn修改rustup和cargo的安…...

编程日记 2025/8/16 12:19:27

CPU+GPU结合的主板设计思路与应用探讨

在高性能计算和图形处理需求不断增长的背景下，CPUGPU结合的主板设计逐渐成为硬件架构的重要趋势。本文将探讨基于CPUGPU架构的主板设计思路、关键技术考量以及应用前景。 1. 设计思路概述 CPU（中央处理器）擅长处理复杂的逻辑运算和多任务控制…...

编程日记 2025/8/15 15:27:12

latex问题汇总

latex问题汇总环境问题1 环境 texlive2024 TeXstudio 4.8.6 (git 4.8.6) 问题1 编译过程有如下错 ! Misplaced alignment tab character &. l.173 International Conference on Infrared &Millimeter Waves, 2004: 667--... I cant figure out why you would wa…...

编程日记 2025/8/17 2:00:11

学习springboot-Bean管理（Bean 注册，Bean 扫描）

Bean 扫描可以浏览下面的博客链接 ：spring 学习 （注解）-CSDN博客在学习spring 注解时，我们使用 Component ，Service,Controller等这样的注解，将目标类信息，传递给IOC容器，为其创…...

编程日记 2025/8/16 8:26:26

1. props 与 $emit

使用场景

2. provide 与 inject

使用场景

对比总结

总结：

1. v-model 双向数据绑定

2. 事件总线 (Event Bus)

3. Vuex 状态管理

4. Scoped Slots (作用域插槽)

5. Local Storage / Session Storage

6. Cookie

总结对比

相关文章：

1. `props` 与 `$emit`

2. `provide` 与 `inject`

1. `v-model` 双向数据绑定