理解组件化和模块化

最新推荐文章于 2024-07-30 10:56:44 发布
最新推荐文章于 2024-07-30 10:56:44 发布
阅读量951 收藏 3
点赞数 1
分类专栏： vue 文章标签： vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45849779/article/details/108550314
版权

组件化和模块化（模块化也叫工程化）

1.什么是组件

组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；

2.组件化和模块化的不同

  • 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；
  • 组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；
xiaopihong0325
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
模块化、插件化和组件化
01-20
模块化、插件化和组件化是软件开发中常见的架构设计策略，特别是在Android开发中，它们对于项目的可维护性、扩展性和团队协作至关重要。这里我们将深入探讨这些概念以及它们之间的关系。 **模块化** 是一种将大型...
CSS 模块化的理解
12-08
模块化的核心思想是将复杂的样式表分解为独立、可重用的组件，每个组件都有明确的职责和作用范围。下面将详细讨论CSS模块化的两个主要方面：基础样式表和结构模块化。 首先，**基础样式表**或**模块样式表**是CSS...
模块化与组件化
追梦的鱼儿
06-12 1133
组件相当于库，模块相当于框架
初识Vue-组件化开发（详解各个组件）
百赢出品，必属精品
05-02 1578
Vue.js中的组件是可复用的Vue实例，具有自己的模板、逻辑和样式。组件允许开发者将页面分割成独立、可复用的模块，使得代码更易维护、可读性更高。每个 Vue 应用都是通过用 createApp 函数创建的，传递给 createApp 的选项用于配置根组件。当我们挂载应用时，该组件被用作渲染的起点。一个应用需要被挂载到一个 DOM 元素中。const RootComponent = { /* 选项 */ }// 创建一个Vue 应用。
模块化和组件化的理解
u013994400的博客
03-15 2911
一、什么是组件和模块 1.1组件：把重复的代码提取出来合并成为一个个组件，组件最重要的就是重用（复用），位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强。 1.2模块：分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行，以页面、功能或其他不同粒度划分程度不同的模块，位于业务框架层，模块间通过接口调用，目的是降低模块间的耦合，由之前的主应用与模块耦合，变为主应用与接口耦合，接口与模块耦合。 模块就像有多个USB插口的充电宝，可以和多部手机充电，接口可以随意插拔。复用性很强，可.
理解前端组件化、模块化、工程化
浮游的博客
07-08 3868
组件化：把重复的代码提取出来合并成为一个个组件，组件最重要的就是复用，位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强。组件化更多关注UI部分，每个组件有独立的HTML、css、js代码。可以根据需要把它放在页面的任意部位，也可以和其他组件一起形成新的组件。一个页面是各个组件的结合，可以根据需要进行组装。模块化：分属同一功能/业务的代码进行分装，让它成独立的模块，可以独立运行，以页面、功能或其他不同粒度划分程度不同的模块，位于业务框架层，模块间通过接口调用，目的是降低模块间的耦合，由之前的主
组件化和模块化对比
u013773608的博客
06-02 1161
项目里面组件化开发和模块化开发都是常用手段，关于两者的区别有必要进行一下梳理。 概念： 组件：把重复的代码提取出来合并成为组件，功能相对单一，主要目的是重用。位于框架最底层，可供不同功能使用/依赖，独立性强。 模块：按功能/业务来进行隔离（分装）成独立的模块，在划分时需要把控颗粒度（界定模块的功能范围）。不同模块之间也会存在依赖关系（单向依赖，如module A依赖于module B，那么B不能依赖A），基本都是业务性的跳转，从地位上来说它们都是平级的。 优点： 组件：组件化的重点就是重用，.
iOS应用组件化/模块化探究
无忘无往
01-09 4851
组件化是近几年流行起的概念，它是当代码扩张到一定程度时，所采取的一种代码组织架构策略。淘宝、蘑菇街等大厂也在近几年陆续完成了其代码组件化的过程。 提到组件化，给人的感觉似乎很高大上，很神秘的感觉。但是，正如大多数真正优秀的架构一样，组件化的代码实现并不是很困难，正所谓大道无形，组件化真正的难点并不在于代码的实现，而是如何应用组件化的思想，将现有的工程拆分成一个个组件。 本文主要在Casa大神的文章...
组件化与模块化的区别
meng_rong_的博客
07-13 3248
组件化：层层嵌套，基于UI层面的封装。组件最为重要的就是重用（复用），位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强 ，就像一个小小的单位，多个组件可以组合成组件库，方便调用和复用，组件间也可以嵌套，小组件组合成大组件。 模块化：基于代码层面的封装，分属同一功能/业务的代码进行分装成独立的模块，可以独立的运行，以页面、功能或其他不同粒度划分程度不同的模块，模块间通过接口调用，目的是降低模块间的耦合。举一例子：模块就像多个 USB 插口的充电宝，可以和多部手机充电，接口可以随移插拔。复用性
模块化与组件化的区别
m0_65355604的博客
08-01 1013
模块化与组件的区别
前端模块化、组件化的理解
人生代码 ---- 公众号
02-19 6069
前端模块化、组件化的理解 到底什么是前端工程化、模块化、组件化 前端组件化思想 浅谈前端架构的工程化、模块化、组件化、规范化
Vue学习笔记（二）组件化和模块化
Andy-ZhangSir的博客
05-21 2165
Vue学习笔记（二）组件化和模块化前言组件化模块化什么是模块化es5模块化解决方案es6模块化解决方案 前言 本章记录一下vue的组件化和模块化，这是vue比较重要的知识点。会在实际开发中大量的使用到，因此，会比较详细的记录。 组件化 模块化 什么是模块化 es5模块化解决方案 在es5中，为了解决作用域的问题，很多时候我们都是通过闭包的形式。但是，使用闭包也会有它的问题，比如，一个js文件确实需要用到另一个js里的变量、函数等。不重写几乎是用不到的。因为此时每个js都是一个独立的作用域，无法相互使用。 我
iOS组件化方案探索
02-25
看了Limboy(蘑菇街App的组件化之路和蘑菇街App的组件化之路续)和CasaTaloyum()对iOS组件化方案的讨论，写篇文章梳理下思路。首先我觉得”组件”在这里不太合适，因为按我理解组件是指比较小的功能块，这些组件不需要...
android组件化demo
11-03
在Android开发领域，组件化是一种将应用程序拆分成可独立开发、测试和维护的模块化方法。这个"android组件化demo"提供了一个实现组件化的实例，它不仅包括了基础的组件，还集成了网络请求框架，使得开发者可以直接...
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 652
JavaScript青少年简明教程：函数及其相关知识（下）
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 437
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
VUE3自定义指令防止重复点击多次提交
最新发布
MadSnail00的博客
07-30 80
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
已解决：vue-office/excel 多个sheet点击切换，滚动条高度不重置，表格视图位置不正确
weixin_42289080的博客
07-26 266
解决 @vue-office/excel 多个sheet切换，内容以及滚动条展示不正确的问题
Android组件化开发实战与LibraryModule详解
"Android组件化技术是解决大型Android项目复杂度的一种有效方法，通过模块化设计，将项目拆分为独立的功能模块，便于管理和维护。本文主要介绍了Android组件化开发的关键概念和技术要点，包括模块的类型、特点以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值