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

组件自身如何向外暴露一个子组件

article 2026/1/18 6:28:40

最近在开发是遇到一个问题，原本是在组件内的一个功能被ui设计稿给搞到了外面，产品也不同意放在子组件内。于是一个问题就来，抽出来放到外面的部分依赖的也是组件内部的数据和逻辑，所以如果外面再重写这一部分，显然浪费感情，并且又要把依赖关系挪出去，也不划算。

于是，就实现了基于我当前开发vue3版本下的，组件本身将某一部分作为子组件暴露出去的功能实现。

 如上图，A组件，内部B组件是一个轮播模板的组件，C是一个轮播切换器(手写实现组件)，本身这个轮播切换器应该放在B组件内，但是UI把他设计到B的外面，放在了A里面，这就导致我需要将轮播器抽取出来。如果是你你会怎么想？
 

在A里面写一次，可以，但是我的业务需求还有一个弹窗放大的效果，难道你又在弹窗里面再写一次？再仔细想一下，这个轮播的切换上一个下一个和当前也的显示效果又和外面没有数据依赖关系，那你还要把内部数据和逻辑又暴露给外部？所以在外面写就不符合我们将的内聚的特性，故我只有将轮播器这块作为B的子组件向外暴露，然后在A里面通过r

相关文章：

组件自身如何向外暴露一个子组件

最近在开发是遇到一个问题，原本是在组件内的一个功能被ui设计稿给搞到了外面，产品也不同意放在子组件内。于是一个问题就来，抽出来放到外面的部分依赖的也是组件内部的数据和逻辑，所以如果外面再重写这一部分，显然浪费感情，并且又要把依赖关系挪出去，也不划算。 于是，…...

编程日记 2026/1/15 9:35:35

《软件设计师》复习笔记（11.4）——处理流程设计、系统设计、人机界面设计

目录 一、业务流程建模 二、流程设计工具 三、业务流程重组（BPR） 四、业务流程管理（BPM） 真题示例： 五、系统设计 1. 主要目的 2. 设计方法 3. 主要内容 4. 设计原则 真题示例： 六、人机界面设…...

编程日记 2026/1/11 4:57:06

深入解析B站androidApp接口：从bilibili.api.ticket.v1.Ticket/GetTicket到SendMsg的技术分析

前言 最近一段时间，我对B站的App接口进行了深入分析，特别是关注了认证机制和私信功能的实现。通过逆向工程和网络抓包，发现了B站移动端API的底层工作原理，包括设备标识生成机制、认证流程和消息传输协议。本文将分享这些研究成果…...

编程日记 2026/1/17 16:34:30

#去除知乎中“盐选”付费故事

添加油猴脚本，去除知乎中“盐选”付费故事 // UserScript // name 盐选内容隐藏脚本 // namespace http://tampermonkey.net/ // version 0.2 // description 自动隐藏含有“盐选专栏”或“盐选”文字的回答卡片 // author YourName // mat…...

编程日记 2025/12/6 15:50:48

MATLAB脚本实现了一个转子系统的参数扫描和分岔分析

% 参数扫描范围 clc; clear; close all;S_values 500:200:20000; % 转速范围% 定义系统参数 N 5; % 质量点数量 num_nodes N; % 节点数 num_dofs_per_node 4; % 每个节点的自由度数 num_elements num_nodes-1; % 单元数 total_dofs num_nodes * num_dofs_per_node; % 总自…...

编程日记 2026/1/8 12:00:37

UWP发展历程

通用Windows平台(UWP)发展历程 引言 通用Windows平台(Universal Windows Platform, UWP)是微软为实现"一次编写，处处运行"的愿景而打造的现代应用程序平台。作为微软统一Windows生态系统的核心战略组成部分，UWP代表了从传统Win32应用向现代应…...

编程日记 2026/1/12 14:47:36

数据库相关概念，关系型数据库的核心要素，MySQL（特点，安装，环境变量配置，启动，停止，客户端连接），数据模型

目录 数据库相关概念 MySQL（特点，安装，环境变量配置，启动和停止，客户端连接） MySQL数据库的特点 Windows下安装MySQL MySQL 8.0.36（安装版） MySQL安装 配置Path环境变量 MySQ…...

编程日记 2026/1/16 19:36:55

Facebook隐私保护：从技术到伦理的探索

在这个数字化时代，隐私保护已成为公众关注的焦点。Facebook，作为全球最大的社交媒体平台之一，其用户隐私保护问题更是引起了广泛的讨论。本文将从技术层面和伦理层面探讨 Facebook 在隐私保护方面的努力和挑战。 技术层面的隐私保护 在技术…...

编程日记 2026/1/15 8:11:36

三维点拟合平面ransac c++

理论 平面的一般定义 在三维空间中，一个平面可以由两个要素唯一确定： 法向量 n(a,b,c)：垂直于平面的方向 平面上一点 平面上任意一点 p(x,y,z) 满足： ( p − p 0 ) ∗ n 0 (p - p0) * n 0 (p−p0)∗n0 即 a ( x − x 0 ) …...

编程日记 2025/11/22 22:36:38

香港服务器CPU对比：Intel E3与E5系列核心区别与使用场景

香港服务器的 CPU 配置(核心数与主频)直接决定了其并发处理能力和数据运算效率，例如高频多核处理器可显著提升多线程任务响应速度。在实际业务场景中，不同负载需求对 CPU 架构的要求存在显著差异——以 Intel E3 和 E5 系列为例，由于两者在性…...

编程日记 2026/1/11 4:56:57

ChatGPT-o3辅助学术大纲效果如何？

目录 1 引言 2 背景综述 2.1 自动驾驶雷达感知 2.2 生成模型演进：从 GAN 到 Diffusion 3 相关工作 3.1 雷达点云增强与超分辨率 3.2 扩散模型在数据增广中的应用 4 方法论 4.1 问题定义与总览 4.2 数据预处理与雷达→体素表示 4.3 潜在体素扩散网络&…...

编程日记 2026/1/12 8:12:07

AI大模型API文档的核心内容概述，以通用框架和典型实现为例

以下是AI大模型API文档的核心内容概述，以通用框架和典型实现为例： 一、API基础架构 1. 基础信息 API类型：RESTful API或gRPC（如阿里云通义千问支持HTTPS接口）请求方式：通常为POST方法基础URL&#xff1a…...

编程日记 2026/1/11 2:27:59

使用pnpm第一次运行项目报错 ERR_PNPM_NO_PKG_MANIFEST No package.json found in E:\

开始用unibestpnpm写一个小程序 运行pnpm init报错 如标题所示没有package.json这个文件 博主犯了一个很愚蠢的错误。。 准备方案手动创建一个json文件 此时才发现没到根目录下，创建了一个项目之后就没有切入文件夹里。 切入根目录再下载就成功啦...

编程日记 2026/1/11 4:56:52

单线服务器有什么优点

单线服务器是一个普遍存在的术语，它是指一种服务器连接互联网时只使用一个物理线路的服务器。简单来说，就是使用一条网络线路的服务器，上传和下载的数据都通过一个通道实现。在当今数字化的时代，服务器的选择至关重要。今天&#…...

编程日记 2025/5/12 14:32:19

手持式三维扫描设备赋能智能汽车制造

随着电动化与智能化趋势的加速，传统逆向工程手段已难以满足复杂零部件的建模需求。 ‌3D逆向建模‌技术，为汽车制造企业提供高效、精准的数字化解决方案。 传统汽车零部件的尺寸检测与建模依赖三坐标测量机（CMM）或人工测绘&#…...

编程日记 2026/1/11 4:56:50

FA-YOLO：基于FMDS与AGMF的高效目标检测算法解析

本文《FA-YOLO: Research On Efficient Feature Selection YOLO Improved Algorithm Based On FMDS and AGMF Modules》针对YOLO系列在特征融合与动态调整上的不足，提出两种创新模块：​FMDS（细粒度多尺度动态选择模块）​和AGMF（自适应门控多分支聚焦融合模块）​。论文结构…...

编程日记 2025/6/17 7:23:03

Hutool之DateUtil：让Java日期处理变得更加简单

前言 在Java开发中，日期和时间的处理是一个常见问题。为了简化这个过程，许多开发者会使用第三方工具包，如Hutool。Hutool是一个Java工具包，提供了许多实用的功能，其中之一就是日期处理。日期时间工具类是Hutool的核心包…...

编程日记 2026/1/9 13:56:09

Ambari 中移除/重装 yarn 集群中的 NodeManager 节点

文章目录 背景分析解决分析：现有 NodeManager 情况移除：240 服务器上的 NodeManager重新安装：240 服务器上的安装 NodeManager疑问为什么直接添加就可以运行？参考背景 项目中有Spark应用，主要在 yarn 集群中部署。 现在发现 yarn 集群中的节点资源过剩，需要将部分节点移…...

编程日记 2026/1/9 13:56:12

小程序在 skyline 下如何开启多行省略

参考：https://developers.weixin.qq.com/community/develop/doc/000a648baacca06e83f1034d66c000 前言 小程序在 skyline 下不支持 line-clamp，想要开启多行省略使用 text 组件的 max-lines 结合 overflow 属性。 解决办法：skyline 下不支…...

编程日记 2026/1/9 13:45:37

uni.createInnerAudioContext踩坑duration在真机环境一直为0

解决 uni.createInnerAudioContext 的 duration 在真机环境一直为 0 的问题 在使用 uni.createInnerAudioContext 播放音频时，开发者可能会遇到以下问题： duration 在真机环境中一直为 0：即使音频文件是正常的，duration 属性也无法正确获取音频的时长。音频实例未放到全局…...

编程日记 2025/12/2 13:46:48

《MySQL：MySQL数据类型分类》

数据类型分类 数值类 tinyint类型 数值越界测试。 在MySQL中，整型可以指定是有符号的和无符号的，默认是有符号的。 可以通过UNSIGNED来说明某个字段是无符号的。 无符号整型数值越界测试。 如果我们向mysql特定的类型中插入不合法的数据，my…...

编程日记 2026/1/15 7:25:05

Kubernetes》》k8s》》Namespace

Namespace 概述 Namespace（命名空间） 是 Kubernetes 中用于逻辑隔离集群资源的机制，可将同一集群划分为多个虚拟环境，适用于多团队、多项目或多环境（如开发、测试、生产）的场景。 核心作用： 资…...

编程日记 2025/12/3 23:50:28

ZYNQ笔记（八）：UART 串口中断

版本：Vivado2020.2（Vitis） 任务：UART串口中断实验，实现串口中断数据回环（接收数据并发送出去） 目录 一、介绍 二、硬件设计 三、软件设计 四、效果 一、介绍 ZYNQ 的 UART（Unive…...

编程日记 2026/1/10 21:09:19

vue3 nprogress 使用

nprogress 介绍与作用 1.nprogress 是一个轻量级的进度条组件，主要用于在页面加载或路由切换时显示一个进度条，提升用户体验。它的原理是通过在页面顶部创建一个 div，并使用 fixed 定位来实现进度条的效果 2.在 Vite Vue 3 项目中&#xf…...

编程日记 2025/12/2 7:46:42

相比其他缓存/内存数据库（如 Memcached, Ehcache 等），Redis 在微服务环境中的优势和劣势是什么？

我们来比较一下 Redis 与 Memcached、Hazelcast、Ehcache 等在微服务环境下的优势和劣势。 Redis 的优势 : 丰富的数据结构 (Rich Data Structures): 优势: 这是 Redis 最显著的优势之一。除了简单的 Key-Value (字符串) 外，Redis 还原生支持 Lists, Sets, Sorted …...

编程日记 2025/12/1 23:15:20

生态篇｜多总线融合与网关设计

引言 1. 车内多总线概览 2. 主流车载总线技术对比 3. 网关设计原则与架构 4. 协议转换与映射策略 5. 安全与诊断功能集成...

编程日记 2026/1/9 13:56:00

Node做BFF中间层架构优化前端开发体验并提升系统整体性能。

文章目录 1. BFF 层的定位2. 技术选型3. 架构设计3.1 分层设计3.2 示例架构 4. 核心功能实现4.1 数据聚合4.2 权限校验4.3 缓存优化 5、实战示例1. 场景说明2. ECharts 数据格式要求3. BFF 层实现步骤3.1 接收前端参数3.2 调用后端服务获取数据 4. 前端使用 总结 在使用 Node.j…...

编程日记 2025/12/5 4:39:23

基于autoware1.14的实车部署激光雷达循迹，从建图、定位、录制轨迹巡航点、到实车运行。

1.首先安装autoware ，大家可以以下一下博客进行安装，如果缺少库什么的直接问ai安装对应的库就行。ubuntu18.04安装Autoware1.14---GPU版 最全环境配置说明_autoware1.14安装教程-CSDN博客 安装成功后运行： source install/setup.bash roslau…...

编程日记 2026/1/17 10:35:24

数据类型相关问题导致的索引失效 | OceanBase SQL 优化实践

背景 针对在OceanBase 论坛中遇到的一些典型SQL调优问题，进行记录与总结，分享给大家。本文介绍的事3个场景：数据类型不匹配、字符集相关属性不匹配，和过滤/联接条件上包含系统函数。 场景一：数据类型不匹配 类型不匹…...

编程日记 2025/12/1 4:58:09

云计算（Cloud Computing）概述——从AWS开始

李升伟 编译 无需正式介绍亚马逊网络服务（Amazon Web Services，简称AWS）。作为行业领先的云服务提供商，AWS为全球开发者提供了超过170项随时可用的服务。 例如，Adobe能够独立于IT团队开发和更新软件。通过AWS的服务&…...

编程日记 2026/1/9 13:57:05