(十九)Vue之组件和模块概念

news/2025/2/19 2:48:51/

文章目录

  • 传统编程
  • 组件化编程
  • 模块
  • 模块化
  • 组件化

Vue学习目录

上一篇:(十八)Vue之生命周期

传统编程

请添加图片描述
一个html引入大量的CSS、JS文件,使得结构混乱、代码复用率低
传统方式编写应用存在的问题:

  • 1.依赖关系混乱、不好维护
  • 2.代码复用率不高

组件化编程

请添加图片描述
组件是可复用的 Vue 实例, 把一些公共的模块抽取出来,然后写成单独的的工具组件或者页面,在需要的页面中就直接引入即可,我们可以将其抽出为一个组件进行复用。
组件定义:实现应用中局部功能代码和资源的集合
作用: 复用编码, 简化项目编码, 提高运行效率

模块

向外提供特定功能的 js 程序, 一般就是一个 js 文件
作用: 复用 js, 简化 js 的编写, 提高 js 运行效率

模块化

当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。

组件化

当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用。


http://www.ppmy.cn/news/5522.html

相关文章

世界上最伟大最邪恶的软件发明

有这么一个伟大而“邪恶”的软件发明,它被安装在超过10亿台电脑中,每天被使用超过3000万次。世界上几乎每个组织都在使用它,不仅有大大小小的公司,还有企业家、艺术家、非营利组织、学校、政府和宗教领袖,它已经成了公…

“ 总有个人会捡起 七零八落的你 “

把我所有最好的那些东西 给从来不曾抛弃我的人 所幸音频:00:0003:50 | 01 | 我想象过漂洋过海的冒险 向往过孤身一人的江湖 也憧憬过无拘无束的高飞 但是 越长大我越发现 家人在我生命中占据着不可或缺 | 02 | “怎么都不要我” 贺子秋说出来这句话的时候我…

AI趋势下,小布助手的进化论

“要构建人工智能等高精尖产业的新增长引擎”,随着人工智能在未来全球科技经济中的重要作用愈加凸显,当前产业已然获得了有史以来最强的政策建构力量。 随着政策的利好,中国人工智能进入一个前所未有的快速发展阶段。企查查数据显示&#xf…

新技术不断发展,一个全新的互联网行业的新风口已然来临

拥抱实体经济,绝对是当下互联网玩家们的首要选择。无论是头部的互联网企业来讲,还是新生的互联网玩家而言,它们都不约而同地将关注的焦点聚焦在了这样一个方向上。   透过这一点,我们可以非常明显地感受到,一个全新的…

c/c++ 之tcmalloc pprof分析解决内存泄漏和内存暴涨问题

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、tcmalloc、pprof是什么?二、基本问题分析三、深入问题分析总结前言 做C、C开发都知道,内存泄漏问题的确是让人最头疼的,…

wy的leetcode刷题记录_Day59

wy的leetcode刷题记录_Day59 声明 本文章的所有题目信息都来源于leetcode 如有侵权请联系我删掉! 时间:2022-12-9 前言 目录wy的leetcode刷题记录_Day59声明前言1780. 判断一个数字是否可以表示成三的幂的和题目介绍思路代码收获63. 题目题目介绍思路代码收获178…

Springboot事件监听+@Async注解

文章目录一、不求甚解二、人云亦云三、刨根问底四、曲突徙薪一、不求甚解 在开发中经常可以利用Spring事件监听来实现观察者模式,进行一些非事务性的操作,如记录日志之类的。 Controller Controller中注入ApplicationEventPublisher,并利用…

FineReport企业报表工具-JS根据条件显示参数控件

1. 概述 1.1 版本 报表服务器版本 功能变更 11.0 -- 1.2 问题描述 在使用参数控件时,有时我们希望部分参数控件在没满足条件时不显示,满足条件后再显示,如下图效果,只有前面的下拉框选择了内容之后,后一层下拉框控…