- 综合排序
- 最热优先
- 最新优先
- 来自专栏Yui编程知识
Vue3入门-组件及组件化
组件 组件是 Vue 的核心概念之一，是指具有独立功能和结构的可复用代码块。每个组件包含自己的模板、逻辑和样式，可以像“积木”一样组合成完整的应用。组件化开发让项目结构更清晰、代码更易维护和复用。 组件化思想 组件化思想是指将页面或应用拆分为一个个独立、可复用、功能单一的组件，每个组件负责自身的结构、样式和逻辑。这样开发时可以像搭积木一样，把多个组件组合成完整的界面。 组件化的优势有： 高复用性：相同功能的组件可以在不同地方多次使用，减少重复代码。 易维护性：每个组件独立，修改或调试时互不影响，方便定位和修复问题。 团队协作：多人开发时可以分工开发不同组件，提高开发效率。 结构清晰：让项目层次分明，便于管理和扩展。 下面的页面，你想要细分就可以看成这些组件 3. 5 总结 在 Vue 中，组件既可以是单文件组件（.vue 文件），也可以是全局或局部注册的对象。组件化是现代前端开发的重要趋势。----
35110编辑于 2025-07-18 - 来自专栏進无尽的文章
iOS组件化设计与开发
【3】出现一些相对独立的业务功能模块，而团队的规模也会随着项目迭代逐渐增长。 为了更好的分工协作，团队会安排团队成员各自维护一个相对独立的业务组件。 这个时候我们引入组件化方案，一是为了解除组件之间相互引用的代码硬依赖，二是为了规范组件之间的通信接口； 让各个组件对外都提供一个黑盒服务，而组件工程本身可以独立开发测试，减少沟通和维护成本，提高效率。 比如说，在我们项目中，模块被分成了3个层级：基础层、中间层、业务层。 基础层模块： 比如像网络框架、持久化、Log、社交化分享这样的模块，这一层的模块我们可以称之为组件，具有很强的可重用性。 2.组件间通过中间件通信，中间件通过 runtime 和 组件的 target-action 解耦合。不依赖于任何组件。 3. 组件化方案调研 一个iOS模块化开发解决方案 iOS组件化文章集合
1.7K50发布于 2018-12-07 - 来自专栏小黑娃Henry
Flutter混合栈开发-组件化Flutter工程Flutter混合栈开发-组件化Flutter工程
Flutter混合栈开发 组件化Flutter工程 Flutter本身就是为了在移动端上提供一个快速开发的技术方案，避免不了就会有一些混合栈接入工作。 已有项目接入flutter有两种方式： 1,官方提供的接入方式：https://flutter.dev/docs/deployment/ios 2,组件化的接入方式，也就是本文要介绍的一种方式 podspec 如果有兴趣也可以下载Flutter组件化-Git来看看 3. podfile引入 准备好pod库之后，就需要将pod接入.到这里翻出前面一个问题：任何代码、环境改变都需要重新导入，对于 至此组件化接入就完成了，如果有任何问题都可以在下方留言沟通。后面还有内存问题、router、方法注册等等问题都会一一解决。 你在先点赞还是关注后在点赞呢？ ---- 本文中提到的相关代码: iOS接入Pod仓库-Git Flutter组件化iOS仓库-Git 传送门: Flutter混合栈开发-本地环境配置 Flutter-汇总
1.3K20发布于 2021-08-09 - 来自专栏Cellinlab's Blog
学习 Vue 3 全家桶 - 组件化
# 什么是组件化 如 <button> 是浏览器封装好的组件，Vue 支持自定义组件，把一个功能的模板（template）封装在一个 .vue 文件中，方便在项目中复用整个组件的代码。 在项目开发中，通常会把组件分成两个类型，通用型组件和业务型组件。 /components/Rate.vue'; let score = ref(3); </script> # 组件事件 在 Vue 中，使用 emit 来对外传递事件，这样父元素就可以监听 Rate /components/Rate.vue'; let score = ref(3); function updateScore(num) { score.value = num; } </script > # 组件的 v-model 对于自定义组件来说，v-model 是两个语法，即：传入属性和接收组件传递数据的简写。
60420编辑于 2023-05-17 - 来自专栏韩曙亮的移动开发专栏
【Android 组件化】使用 Gradle 实现组件化 ( 组件 集成模式下的 Library Module 开发 )
1、build.gradle 完整代码 2、集成模式 下的 清单文件 3、组件模式 下的 清单文件 4、组件模式 下的 Application 类 五、博客资源 一、组件模式下为组件 Module 指定 Java 源码路径 ---- 在 1 个 Android 应用中只能存在 1 个 Application 类 , 但是组件化开发时 , 如果 Library 模块动态修改成 Application 模块 , 还想自己定义一个 Application 类 , 这里参考上一篇博客 【Android 组件化】使用 Gradle 实现组件化 ( 组件模式与集成模式切换 ) 三、使用 sourceSets isModuleMode){ // 组件化模式下使用 ComponentAndroidManifest.xml 作为清单文件 / 集成 模式字段 ---- 如果想要在代码中 , 根据当前的组件化状态 ( 组件模式 / 集成模式 ) 进行不同的开发 , 就需在代码中获取当前 Module 是 Library Module (
1.1K50编辑于 2023-03-29 - 来自专栏BennuCTech
Vue3开发之components组件
前言 开发过程中我们会经常遇到一些复杂的页面，而这些页面大部分由一个个小部分组合起来的，而且不同页面中可能有些部分是一样的，所以我们通常会将这些部分封装成组件。 v-bind绑定后面双引号中是表达式，所以如果类型是： 数值：:count="3" 布尔值：:isVip="true" 数组：:array="[1,2,3]" 对象：:info="{name:'名字', ，每当父组件发生变更，子组件所有Props都会刷新到最新值。 </style> 这样子组件中可以通过update:title来同步title数据。 插槽 如果子组件中部分区域是不定的，需要父组件来实现，那么怎么办？ 调用子组件方法 上面事件章节说的是父组件响应子组件的事件，也就是说是子组件调用父组件的方法。那么父组件如何调用子组件的方法？
2.9K40编辑于 2023-09-01 - 来自专栏陈树义
如何通过组件化提高开发效率？
在软件开发过程中，大到业务模块的划分，小到技术组件的开发，都属于组件化的思考范畴内。 很多时候我们到网上搜索「组件化」关键词，都只会看到关于前端组件化的资料，而对于后台开发组件化的资料却很少，那这是不是代表后台组件化没有意义呢？ 所以本文我将通过自己做组件化的一些经验，谈谈我对后端组件化的一些看法，以及如何进行组件化开发，希望对在一线开发的工程师们有所帮助。 希望通过组件化的方式，能帮助一线工程师们减少对于重复业务代码的编写，提高开发效率，将更多时间和精力放在创新开发上。 如何发现组件化需求？ 所以说发现组件化需求的关键，是参与到具体的业务开发中，发现重复的，可统一的业务。 如何开发组件？
1.5K40发布于 2018-04-13 - 来自专栏小黑娃Henry
Flutter（十二）混合栈开发-组件化Flutter工程Flutter（十二）混合栈开发-组件化Flutter工程
Flutter混合栈开发 组件化Flutter工程 Flutter本身就是为了在移动端上提供一个快速开发的技术方案，避免不了就会有一些混合栈接入工作。 已有项目接入flutter有两种方式： 1,官方提供的接入方式：https://flutter.dev/docs/deployment/ios 2,组件化的接入方式，也就是本文要介绍的一种方式 如果有兴趣也可以下载Flutter组件化-Git来看看 3. podfile引入 准备好pod库之后，就需要将pod接入.到这里翻出前面一个问题：任何代码、环境改变都需要重新导入，对于FLutter开发 至此组件化接入就完成了. 新版本之后出现了一个新的命令 可以直接生成编译产物 build ios-framework --cocopods --output="目标路径" 本文中提到的相关代码 iOS接入Flutter-Git Flutter组件化
1.3K20发布于 2021-08-09 - 来自专栏网络日志
实践 Vue3 组件库-基于 VuePress 开发组件文档
如果你还不了解这个系列要做什么，那你可以先阅读 【实践 Vue3 组件库-介绍一下这个系列】 的介绍，以便你对整个系列有清晰的认识。 组件库开发模板 & Vue3 组件库实践指南", }, }, bundler: viteBundler({ viteOptions: {}, vuePluginOptions 组件演示 我们需要给文档添加组件演示的功能，你也可以使用社区现有的插件如之前提到的 vmi。如果为了便于扩展也可以自己开发。接下来我们就开发一个这样的插件，先定义期望的用法和语法。 我们回到页面上看到已经渲染出来了，因为 VlibDemo 和 VlibDemo1 还不是 Vue 组件所以无法渲染。 客户端开发 客户端部分我们需要开发一个全局的 VlibDemo 组件。 [3] ?? ""; break; } i++; } // 根据缓存中存储的组件路径导入组件，组件名称和生成节点时的规则一致。
77910编辑于 2024-07-16 - 来自专栏小鑫同学编程历险记
Toast组件开发实践（Vuejs3.x）
进入正题 Toast组件几乎是没有个组件库必备的组件，通过Toast组件开发可以比较全面的学习Vuejs的相关技能点，一起来看一下~ 基础项目准备 依旧推荐你来1024Code Fork 我的《【项目模板 】Vue3+Vite3+Ts4》 开始这次学习，如果你不习惯使用在线的IDE，那么可以将项目导出到本地运行~ 组件开发 在components目录下创建Toast文件夹，并新增插件文件（index.ts 在Vue3中挂载全局变量需要在globalProperties上添加，具体可以看Vuejs文档。 transition: opacity 0.5s ease; } .toast-enter-from, .toast-leave-to { opacity: 0; } </style> 总结 到此Toast组件的整个开发流程就结束了 ，在整个开发流程中涉及的Vuejs的属性、状态、监听器的使用，还有插件开发时的规则及全局变量的挂载，并且在组件使用时针对使用了setup后无法读取this而正确读取全局变量的，最后还提到了一点Vuejs
1.9K10编辑于 2023-05-01 - 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件实现组件化运行
前言本项目API>=13关于鸿蒙项目的组件化运行，已经分享了两种方式了，分别是IDE插件方式和node脚本方式，今天给大家带来第三种方式，Hvigor插件方式；和前两种方式不同的是，它的使用更加简单，不需要我们手动的去切换就能实现组件运行 本文标签：鸿蒙开发工具/DevEco Studio
29000编辑于 2025-06-28 - 来自专栏设计模式
Android项目开发之组件化知多少？
相对于组件来说，粒度更大。 下面就推荐几篇大佬们的文章助你弄明白模块化、组件化及插件化的概念，还有如何应用到项目开发上。 ? 二. 文章系列 1 Android彻底组件化方案实践（注：我是可以点击的哦） 文章对模块化、组件化与插件化概念进行讨论，形象化地让人记住组件化与插件化的区别，进而详细表述如何进行组件化及组件化的步骤。 ? Android彻底组件化源码分析 文章主要通过对“得到app”的项目代码进行组件化拆分，设计一套完整的组件化方案。 ? 3. 安居客 Android 项目架构演进 此文以安居客公司项目的开发过程为例，阐述了组件化模块化开发的必要性，与文章系列5相对应。 安居客模块化的整体设计如图： ? 2. 希望这篇组件化开发文集对要做项目组件化的同学有帮助！ 正文到此结束了~ ? 等等，先别走！戳我看详情 参与活动可以培养自己的好习惯，还能拿到「码个蛋」IP系列专属奖品，速度要快...
56640发布于 2020-12-16 - 来自专栏Android面试
Android组件化专题 - 组件化配置
Android组件化专题，详细讲解组件化的使用及配置，以及实现的原理。 本文章讲解了组件化的由来及配置，下期讲解页面路由跳转及路由原理与apt 1. 在技术开发领域，模块化是指拆分代码，当代码特别臃肿的时候，用模块化将代码分而治之、解耦分层。 在Android的领域模块化具体的实施方法为：组件化和插件化。 组件化和插件化的区别 一套完整的插件化或组件化都必须能够实现单独调试、集成编译、数据传输、UI 跳转、生命周期和代码边界这六大功能。 每个组件都有可能提供给其他组件使用，主项目与组件、组件与组件之间的数据传递 UI跳转。 组件的生命周期。组件加载、卸载和降维的生命周期 集成调试。在开发阶段如何做到按需的编译组件？ 一次调试中可能只有一两个组件参与集成，这样编译的时间就会大大降低，提高开发效率。 代码隔离。如何杜绝耦合的产生。
1.1K30发布于 2021-11-12 - 来自专栏Android研究院
Android组件化专题 - 组件化配置
组件化的由来 模块化、组件化和插件化的关系？ (摘自百度百科)模块化是指解决一个复杂的问题时自顶向下逐层把系统划分为若干个模块的过程，各个模块可独立工作。 在技术开发领域，模块化是指拆分代码，当代码特别臃肿的时候，用模块化将代码分而治之、解耦分层。 在Android的领域模块化具体的实施方法为：组件化和插件化。 更加详细的讲解 组件化和插件化的区别 一套完整的插件化或组件化都必须能够实现单独调试、集成编译、数据传输、UI 跳转、生命周期和代码边界这六大功能。 每个组件都有可能提供给其他组件使用，主项目与组件、组件与组件之间的数据传递 UI跳转。 组件的生命周期。组件加载、卸载和降维的生命周期 集成调试。在开发阶段如何做到按需的编译组件？ 一次调试中可能只有一两个组件参与集成，这样编译的时间就会大大降低，提高开发效率。 代码隔离。如何杜绝耦合的产生。
1.2K30发布于 2018-09-11 - 来自专栏Android点滴积累
IOS Widget（3）：SwiftUI开发小组件布局入门
引言 经过上一篇文章，我们已经可以在桌面上展示出一个小组件出来了，你肯定想小试牛刀，动手改一改，那我们就从改小组件的布局做起吧。 本文只讲解小组件中常用的SwiftUI组件。 本文大纲 小组件布局怎么区分组件型号：大中小 常用基础组件 Text Image 常用容器组件 ZStack VStack HStack 常用属性：充满父布局 文字内部居中 等分剩余空间(Spacer) // /// Text(event.startDate, style: .date) /// /// Example output: /// June 3, (event.startDate, style: .offset) /// /// Example output: /// +2 hours /// -3
4.1K20发布于 2021-05-10 - 来自专栏java开发的那点事
从零开始学VUE之组件化开发(Vue组件化思想)
Vue组件化思想 组件化是Vue.js中的重要思想 它提供了一种抽象,让我们可以出一个个独立可复用的小组件来构造我们的应用 任何的应用都会被抽象成一颗组件树 组件化思想的应用 有了组件化思想,我们在开发中就可以运用了 尽可能的将页面拆分成一个个小的,可复用的组件 这样让我们的代码更加方便组织和管理,并且扩展性也更强 作者：彼岸舞 时间：2021\06\02 内容关于：VUE 本文属于作者原创,未经允许,禁止转发
47510发布于 2021-06-07 - 来自专栏韩曙亮的移动开发专栏
【Android 组件化】从模块化到组件化
文章目录 一、从模块化到组件化 二、build.gradle 构建脚本分析 一、从模块化到组件化 ---- Android 应用项目 , 都存在一个应用模块 ( Application Module ) : 随着应用业务增加 , 功能变得越来越复杂 , 不能将所有的功能放在一个 Application 模块中 ; 大型项目的开发不能只有一个 Module , 大多数情况下 , Android 工程中 , , 还涉及了与其它模块开发人者进行协作 ; 组件化 : 组件化是在模块化的基础上 , 可以 动态切换其模块类型 , 将 Library 模块切换成 Application 模块 , 这样独立的模块可以直接运行 ; 在进行 组件模式 开发时 , 将其变成 Application 模块 , 在 集成模式 开发时 , 将其变成 Library 模块 ; 组件开发时 , 单个 Library 模块变成 Application 模块 , 可以生成独立运行的 APK 安装包 ; 二、build.gradle 构建脚本分析 ---- 组件化实现需要依赖 Gradle ; build.gradle 脚本都是使用 Groovy 语言编写的代码
1.5K20编辑于 2023-03-29 - 来自专栏面朝大海春暖花开
微信小程序开发之路之组件化
官方链接 组件化，反过来理解，写重复的页面，方法，写第二遍就烦了，抽取出来就是组件化，可以理解为公用的方法 对于通用的数据，最先想到或者理应接触的是template，但是template有个缺点，那就是只是页面效果 微信小程序组件化，为什么要有自定义组件呢 每个页面有对应的js(JavaScript)，json(配置config)，wxml(html)，wxss(css)还差什么 不挺好的嘛，为什么需要自定义组件呢 当然这只是最基本的 想想，既然是组件component，那对于pages页面而言，就是一对多的关系。 多个页面织入组件，怎么衔接起来呢。 data，组件的数据 method，组件抽取出来的方法 具体用法 首先需要在pages页的json配置一下开启使用组件 ? 说说options吧 你可以在component的wxml中 ? invite_code=3k8xfjgejtk4w
1.1K20发布于 2018-09-12 - 来自专栏HelloCode开发者学习平台
iOS开发 -- 组件化 之 Cocoapods私有库详解
组件化 为什么我们需要组件化 项目模块间的解耦、模块实现可重用、提升团队成员之间团队之间的协作开发效率、更方便单元测试。 那么，你对项目就没有必要做组件化。 组件化的8条指标 一个项目经过组件化后如何来评判项目组件化是否彻底或者说是否优秀，可以通过以下几个方面： 模块之间没有耦合，模块内部的修改不影响其他模块； 模块可以单独编译； 模块间数据传递明确； cocoapods组件化：主要是利用 cocoapods 来进行 模块的远程管理，需要将项目上传 git （这里的组件化模块分为 公有库 和 私有库 ， 对公司而言， 一般是私有库） 本地组件化 创建主工程 组件化 下面我们开始组件化的一些概念学习：远程索引库、本地索引库、远程代码库、本地代码库；我们逐一进行介绍。
2.1K41编辑于 2022-01-14 - 来自专栏哲学驱动设计
企业 SOA 设计(2)–组件化产品开发平台
平台整体结构 在产品开发过程中，为了达到业务级别的较大粒度重用，我们需要把纵向把业务进行拆分，以业务组件的形式进行开发，并最终把多个开发完成的业务组件进行组合，形成最终的软件产品。 按照组件化开发的产品，是基于一个公共的产品开发平台来建立的。由平台来提供所有的底层设施。平台包括技术平台和业务平台两个层面。 在技术层面上，平台提供了一系列的类库、框架、组件、工具，以及为业务组件化提供相应的技术支撑。在业务层面上，业务平台中积累了大量的封装完善的业务组件，以及一些常用的业务控件，以供开发新产品时进行选配。 由于我们的产品开发平台必须要支持 721 客户化定制，所以同一个业务组件还对应不同的业务通用级别进行划分：Organization Common 表示组织架构组件最通用的部分，Org Part1 表示组织架构组件的可选包 位于底层的技术平台，提供一系列支持：IOC/AOP、属性扩展框架、领域实体框架、721定制化框架、数据库生成框架等…… 结尾 其实，组件化架构设计中，最为复杂是分析出一个封装完好的组件，所要面向的使用者是哪些
1.5K50发布于 2018-01-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号