我的编程空间,编程开发者的网络收藏夹
学习永远不晚

vue中什么是模块化

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

vue中什么是模块化

vue中什么是模块化

本教程操作环境:windows7系统、vue3版,DELL G3电脑。

什么是模块化

我们说Vue项目是按照模块进行划分的,那么什么是模块呢?

模块化,就相当于我们网站的导航栏,那么每一个导航项就可以看作是如下图片中提到的

在这里插入图片描述

  • 模块化,就好比是一个大的功能项,那么这个大的功能项又可以包含多个组件。

  • 在使用的时候,单个模块对应的是我们Vue项目下compentent下的文件目录

  • 每一个模块下面又可以有多个组件,这些组件又组成了完整的模块页面(单页面)

  • 但是每一个模块下面必须要有一个主要的文件(模块父组件),这个文件必须在路由管理中(router/index.js)进行注册,注册的时候满足以下形式:

export default new Router({
  mode: 'history',
  routes: [
		{
      path: '/',
      name: 'Default',
      redirect: '/home',
      component: Home    }]
    })

其余的组件可以通过以下的方式进行注入使用。在使用的时候,将组件的name属性中的名称在父组件中进行标签化处理(vue会将以驼峰命名的名称进行转化--------(BookManager——>book-manager))

  • 首先要在用到的页面中的中通过import进行导入
  • 其次需要在compent中进行注册,注册的时候会使用组件的name属性进行注入

总结:

模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块(方便代码的重用,从而提升开发效率,并且方便后期的维护)。

为什么要使用模块化?使用模块化的好处

当然,不使用模块化开发也能实现页面的所有功能,但是会加重对服务器请求的压力和降低用户的体验,当页面需要的数据过多时,一次请求就包含了所有请求的数据,如果用户不需要呢?这样的请求还有效果吗!当然是没效果的,所以,利用模块化开发的思想就能解决这类问题

简单谈谈自己对模块化开发使用的好处

1、条理清晰,便于维护

2、不会一次将所有数据请求回来,用户体验感好

3、模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块

模块化和组件化的对比

1、组件化是独立和可复用的代码组织单元。组件系统是vue核心特性之一,它使开发者使用小型、独立和通常可复用的组件构建大型应用;

2、组件化开发能大幅度提高应用开发效率、测试性、复用性等;

3、组件使用按分类有:页面组件、业务组件、通用组件;

4、vue的组件是基于配置的,我们通常编写的组件是组件配置而非组件,框架后续会生成其构造函数,它们基于VueComponent,扩展于Vue;

5、vue中常见组件化技术有属性prop,自定义事件,插槽等,它们主要用于组件通信、扩展等;

6、合理的划分组件,有助于提高应用性能;

7、组件应该是高内聚、低耦合的;

8、遵循单向数据流的原则。

他们的区别在于

模块化:是从代码逻辑的角度进行划分;方便代码进行分层开发,保证每个功能模块的职能单一

组件化:是从UI界面的角度进行划分,前端的组件化,方便UI组件的复用【相关推荐:vuejs视频教程、web前端开发】

以上就是vue中什么是模块化的详细内容,更多请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

vue中什么是模块化

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

vue中什么是模块化

在vue中,模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块(方便代码的重用,从而提升开发效率,并且方便后期的维护)。模块化开发的好处:1、条理清晰,便于维护;2、不会一次将所有数据请求回来,用户体验感好;3、模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块。
2023-05-14

vue模块化指的是什么

这篇“vue模块化指的是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue模块化指的是什么”文章吧。在vue中,模块化
2023-07-04

vue中组件化和模块化有什么区别

组件化和模块化的区别:模块化是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个每个功能模块的职能一致。组件化是从UI界面的角度进行规划;前端的组件化,方便UI组件的重用。
2023-05-14

web前端:vue中什么是模块什么是组件?

编程学习网:组件(Component)是对数据和方法的简单封装。C++Builder中,一个组件就是一个从TComponent派生出来的特定对象。组件可以有自己的属性和方法。属性是组件数据的简单访问者。
web前端:vue中什么是模块什么是组件?
2024-04-23

node模块化是什么

这篇“node模块化是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“node模块化是什么”文章吧。什么是模块化模块化是指
2023-07-05

Node.js中的模块化方法是什么

今天给大家介绍一下Node.js中的模块化方法是什么。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。一、模块化的基本概念1、什么是模块化模块化是指解决一个复杂问
2023-06-26

什么是模块化?聊聊Node模块化的那些事

什么是模块化?本篇文章给大家深度解析一下Node.js模块化的那些事,希望对大家有所帮助!
2022-11-23

什么是模块化?深析node模块化的那些事

什么是模块化?本篇文章带大家深度解析node模块化的那些事,希望对大家有所帮助!
2023-05-14

什么是前端模块化ESM?

前端ESM是什么,需要具体代码示例在前端开发中,ESM是指ECMAScript Modules,即基于ECMAScript规范的模块化开发方式。ESM带来了许多好处,比如更好的代码组织、模块间的隔离和可重用性等。本文将介绍ESM的基本概念
什么是前端模块化ESM?
2024-02-25

Torch中的强化学习模块是什么

在Torch中,强化学习模块是一个用于实现强化学习算法的工具包。强化学习是一种机器学习方法,其目标是让智能体通过与环境的交互学习如何做出最优的决策以获得最大的累积奖励。Torch中的强化学习模块包含了多种强化学习算法的实现,如深度Q网络(D
Torch中的强化学习模块是什么
2024-03-08

python模块化指的是什么

小编给大家分享一下python模块化指的是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!python可以做什么Python是一种编程语言,内置了许多有效的工具
2023-06-14

JavaScript模块化的作用是什么

JavaScript模块化的作用是什么?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,给用户提供更好
2023-06-14

webpack模块化的原理是什么

本篇内容介绍了“webpack模块化的原理是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!commonjs在webpack中既可以书写c
2023-07-05

python模块化设计原则是什么

Python模块化设计原则是一组指导原则,用于在开发Python程序时进行模块化设计。这些原则旨在提高代码的可维护性、可扩展性和可重用性。1. 单一职责原则(Single Responsibility Principle,SRP):一个模块
2023-09-22

关于什么是javascript模块化以及为何使用模块化开发

这篇文章主要介绍了关于什么是javascript模块化以及为何使用模块化开发,模块化是一种软件开发的设计模式,它将一个大型的软件系统划分成多个独立的模块,每个模块都有自己的功能和接口,需要的朋友可以参考下
2023-05-15

编程热搜

目录