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

news/2024/4/19 16:13:03/

文章目录

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

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 问题描述 在使用参数控件时,有时我们希望部分参数控件在没满足条件时不显示,满足条件后再显示,如下图效果,只有前面的下拉框选择了内容之后,后一层下拉框控…

“ 这片绿茵从不缺乏天才,努力才是最终的入场券——梅西 ”

前言 想了又想还是忍不住想发布一篇文章来纪念一下2022年的卡塔尔世界杯,这伟大的诸神黄昏之战。4年一届的世界杯像是一把衡量时间的坐标,正所谓青春不过几届世界杯!2014巴西世界杯在上初一,2018俄罗斯世界杯在上高二,…

vue jest (三)

1. jest文档:Expect Jest 中文文档 | Jest 中文网 2. 匹配器: string toMatch(regExp/string):用正则表达式或者字符串匹配字符串片段 null/undefined toBeNull():匹配null toBeUndefined():匹配undefined toBeDe…

【正点原子I.MX6U-MINI移植篇】kernel移植过程详解(二)

一、创建Source Insight工程 这里我们使用NXP官方提供的Linux源码,将其移植到正点原子I.MX6U-ALPHA开发板上。NXP官方原版Liux源码已经放到了开发板光盘中,路径为:1、例程源码->4、NXP官方原版Uboot和Linux->linux-imx-rel imx4.1.15_…

非递归前序、中序遍历代码推演出后序遍历代码(极其透彻)

一、前言 众所周知,二叉树的遍历方式有三种:前序遍历、中序遍历和后序遍历。 🍌 前序遍历:首先访问根节点,然后递归遍历左子树,最后递归遍历右子树。 🍌 中序遍历:首先递归遍历左…

C++之多态(中篇)(最全总结)

这里接上面C之多态(上篇) 本篇目录4.多态的原理4.2 多态的原理4.3 C 11 override和final4.4 重载、重写(覆盖)、隐藏(重定义)的对比 (函数之间的关系)5.抽象类5.1概念5.2接口继承和实…

springDataRedis快速入门

SpringData是Spring中数据操作的模块,包含对各种数据库的集成,其中对Redis的集成模块就叫做SpringDataRedis, 官网地址:https://spring.io/projects/spring-data-redis 提供了对不同Redis客户端的整合( Lettuce和Jedis)提供了RedisTemplate…

简单Thinkphp5.1如何使用Topsdk\Topapi

一淘模板(56admin.cn)给大家介绍tp5.1相关知识,其中主要记录tp5.1是怎么使用Topsdk\Topapi(对接淘宝客开放平台),希望对需要的朋友有所帮助! 1、公司有一项目需要对接淘宝开放平台 先去申请帐号…

第十九章 使用系统监视器 - 配置系统监视器命名空间

文章目录第十九章 使用系统监视器 - 配置系统监视器命名空间配置系统监视器命名空间查看系统监视器状态管理应用程序监视器管理健康监视器查看系统数据第十九章 使用系统监视器 - 配置系统监视器命名空间 配置系统监视器命名空间 当一个实例启动时,系统监视器会在…

1362:家庭问题(family)

1362:家庭问题(family) 时间限制: 1000 ms 内存限制: 65536 KB 提交数: 6732 通过数: 3529 【题目描述】 有n个人,编号为1,2,……n,另外还知道存在K个关系。一个关系的表达为二元组(α,β)形式…

vue3项目打包部署到Tomcat(亲测有效)

首先,要确保电脑上已经安装了jdk,还有Tomcat,而且都安装正确。 jdk下载与安装教程(win10) Tomcat 9.0 安装及配置教程(win10系统) Vue项目在VScode里面可以通过npm run serve可以正常运行。 下面是打包部署到tomca…

22年D2部分干货

缘起 小编入行以来,一直兢兢业业,跟随大佬们脚步,学习如何努力成为优秀的开发。机缘巧合,在2017年小编接触到了前端峰会——D2,里面好多大佬聊未来的趋势。记得疫情之前,D2采用的是线下邀请,可惜…

浅谈安科瑞电能预付费系统在大电力客户中的设计及应用分析

摘 要 随着我国供电企业的不断发展,而用电模式也在不断改革,预付费技术在气、电等部门得到普遍的使用,本文主要针对预付费系统在大电力客户中的使用情况进行分析,提高用电用户的缴费率,有效的避免了客户恶意偷窃电行…