1. 概念
    import 是es6 规范，主要应用于浏览器和主流前端框架当中，export 导出， require 是 commonjs 规范，主要应用于nodejs环境中，module.exports 导出
  2. 编译规则
    import 静态导入是编译时解析，动态导入是执行时指定,
    require 是执行时指定，不支持动态导入
  3. 性能
    import 支持treeshaking ,去除一些不必要的代码，相比require,性能更好
  4. 生态支持
    在node14版本将import为默认规范，生态支持规模较大，未来是主流规范
  5. 用法
    require
    utils 导出的文件
    module.exports = { add: (a, b) => a + b, };
    导入
      const { add } = require('../test/utils');// 使用add(2, 3);
    import
    静态引入
    <script setup>import { ref } from 'vue';import test from '@/components/test.vue';
</script>
    动态导入
    {path: '/',name: 'test',component: () => import('@/components/dutest.vue')
},

    <script setup>const MyTest = await import('@/components/MyTest.vue');
</script>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.pswp.cn/web/88621.shtml
繁体地址，请注明出处：http://hk.pswp.cn/web/88621.shtml
英文地址，请注明出处：http://en.pswp.cn/web/88621.shtml

如若内容造成侵权/违法违规/事实不符，请联系英文站点网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

8、鸿蒙Harmony Next开发：相对布局 (RelativeContainer)

8、鸿蒙Harmony Next开发：相对布局 (RelativeContainer)

目录 概述 基本概念 设置依赖关系 设置参考边界 设置锚点 设置相对于锚点的对齐位置 子组件位置偏移 多种组件的对齐布局 组件尺寸 多个组件形成链 概述 RelativeContainer是一种采用相对布局的容器&#xff0c;支持容器内部的子元素设置相对位置关系&#xff0c;适…
阅读更多...
Linux命令的命令历史

Linux命令的命令历史

Linux下history命令可以对当前系统中执行过的所有shell命令进行显示。重复执行命令历史中的某个命令&#xff0c;使用&#xff1a;!命令编号&#xff1b;环境变量histsize的值保存历史命令记录的总行数&#xff1b;可用echo查看一下&#xff1b;需要大写&#xff1b;环境变量hi…
阅读更多...
【C++小白逆袭】内存管理从崩溃到精通的秘籍

【C++小白逆袭】内存管理从崩溃到精通的秘籍

目录【C小白逆袭】内存管理从崩溃到精通的秘籍前言&#xff1a;为什么内存管理让我掉了N根头发&#xff1f;内存四区大揭秘&#xff1a;你的变量都住在哪里&#xff1f;&#x1f3e0;内存就像大学宿舍区 &#x1f3d8;️C语言的内存管理&#xff1a;手动搬砖时代 &#x1f9f1;…
阅读更多...
【网络安全】利用 Cookie Sandwich 窃取 HttpOnly Cookie

【网络安全】利用 Cookie Sandwich 窃取 HttpOnly Cookie

未经许可，不得转载。 文章目录 引言Cookie 三明治原理解析Apache Tomcat 行为Python 框架行为窃取 HttpOnly 的 PHPSESSID Cookie第一步：识别 XSS 漏洞第二步：发现反射型 Cookie 参数第三步：通过 Cookie 降级实现信息泄露第四步：整合攻击流程修复建议引言 本文将介绍一种…
阅读更多...
【工具】什么软件识别重复数字？

【工具】什么软件识别重复数字？

网上的数字统计工具虽多&#xff0c;但处理重复数字时总有点不尽如人意。 要么只能按指定格式输入&#xff0c;要么重时得手动一点点筛&#xff0c;遇上数据量多的情况&#xff0c;光是找出重复的数字就得另外花不少功夫。​ 于是我做了个重复数字统计器&#xff0c;不管是零…
阅读更多...
CSS分层渲染与微前端2.0：解锁前端性能优化的新维度

CSS分层渲染与微前端2.0：解锁前端性能优化的新维度

CSS分层渲染与微前端2.0&#xff1a;解锁前端性能优化的新维度 当你的页面加载时间超过3秒&#xff0c;用户的跳出率可能飙升40%以上。这并非危言耸听&#xff0c;而是残酷的现实。在当前前端应用日益复杂、功能日益臃肿的“新常态”下&#xff0c;性能优化早已不是锦上添花的“…
阅读更多...
AI Agent开发学习系列 - langchain之Chains的使用(5)：Transformation

AI Agent开发学习系列 - langchain之Chains的使用(5)：Transformation

Transformation&#xff08;转换链&#xff09;是 LangChain 中用于“自定义数据处理”的链式工具&#xff0c;允许你在链路中插入任意 Python 代码&#xff0c;对输入或中间结果进行灵活处理。常用于&#xff1a; 对输入/输出做格式化、过滤、摘要、拆分等自定义操作作为 LLMC…
阅读更多...
Druid 连接池使用详解

Druid 连接池使用详解

Druid 连接池使用详解 一、Druid 核心优势与架构 1. Druid 核心特性 特性说明价值监控统计内置 SQL 监控/防火墙实时查看 SQL 执行情况防 SQL 注入WallFilter 防御机制提升系统安全性加密支持数据库密码加密存储符合安全审计要求扩展性强Filter 链式架构自定义功能扩展高性能…
阅读更多...
9.2 埃尔米特矩阵和酉矩阵

9.2 埃尔米特矩阵和酉矩阵

一、复向量的长度 本节的主要内容可概括为&#xff1a;当对一个复向量 z\pmb zz 或复矩阵 A\pmb AA 转置后&#xff0c;还要取复共轭。 不能在 zTz^TzT 或 ATA^TAT 时就停下来&#xff0c;还要对所有的虚部取相反的符号。对于一个分量为 zjajibjz_ja_jib_jzj​aj​ibj​ 的列向…
阅读更多...
AI驱动的低代码革命：解构与重塑开发范式

AI驱动的低代码革命：解构与重塑开发范式

引言&#xff1a;低代码平台的范式转移 当AI技术与低代码平台深度融合&#xff0c;软件开发正经历从"可视化编程"到"意图驱动开发"的根本性转变。这种变革不仅提升了开发效率&#xff0c;更重新定义了人与系统的交互方式。本文将从AI介入的解构层次、交互范…
阅读更多...
zookeeper etcd区别

zookeeper etcd区别

ZooKeeper与etcd的核心区别体现在设计理念、数据模型、一致性协议及适用场景等方面。‌ZooKeeper基于ZAB协议实现分布式协调&#xff0c;采用树形数据结构和临时节点特性&#xff0c;适合传统分布式系统&#xff1b;而etcd基于Raft协议&#xff0c;以高性能键值对存储为核心&am…
阅读更多...
模拟注意力：少量参数放大 Attention 表征能力

模拟注意力：少量参数放大 Attention 表征能力

论文标题 SAS: Simulated Attention Score 论文地址 https://arxiv.org/pdf/2507.07694 代码 见论文附录 作者背景 摩根士丹利&#xff0c;斯坦福大学&#xff0c;微软研究院&#xff0c;新加坡国立大学&#xff0c;得克萨斯大学奥斯汀分校&#xff0c;香港大学 动机 …
阅读更多...
零基础|宝塔面板|frp内网穿透|esp32cam远程访问|微信小程序

零基础|宝塔面板|frp内网穿透|esp32cam远程访问|微信小程序

1.准备好阿里云服务器和宝塔面板2.安装frp服务端3.测试(密码账号在详情里面)4.配置客户端#一、没有域名情况下 [common] server_addr #公网ip地址&#xff0c;vps server_port 7000 服务的bind_port token 12121212 [httpname] type tcp # 没有域名情况下使用 tcp local_i…
阅读更多...
Spring Boot整合MyBatis+MySQL+Redis单表CRUD教程

Spring Boot整合MyBatis+MySQL+Redis单表CRUD教程

Spring Boot整合MyBatisMySQLRedis单表CRUD教程 环境准备 1. Redis安装&#xff08;Windows&#xff09; # 下载Redis for Windows # 访问: https://github.com/tporadowski/redis/releases # 下载Redis-x64-5.0.14.1.msi并安装# 启动Redis服务 redis-server# 测试连接 redis-c…
阅读更多...
linux学习第30天（线程同步和锁）

linux学习第30天（线程同步和锁）

线程同步协同步调&#xff0c;对公共区域数据按序访问。防止数据混乱&#xff0c;产生与时间有关的错误。数据混乱的原因资源共享(独享资源则不会)调度随机(意味着数据访问会出现竞争)线程间缺乏必要同步机制锁的使用建议锁&#xff01;对公共数据进行保护。所有线程【应该】在…
阅读更多...
JavaScript中的系统对话框：alert、confirm、prompt

JavaScript中的系统对话框：alert、confirm、prompt

JavaScript中的系统对话框&#xff1a;alert、confirm、prompt 在Web开发的世界里&#xff0c;JavaScript始终扮演着“桥梁”的角色——它连接用户与网页&#xff0c;让静态的页面焕发活力。而在这座桥梁上&#xff0c;系统对话框&#xff08;System Dialogs&#xff09;是最基…
阅读更多...
圆幂定理深度探究——奥数专题讲义

圆幂定理深度探究——奥数专题讲义

圆幂定理深度探究——奥数专题讲义 开篇语&#xff1a;几何中的"隐藏等式" 在平面几何的星空中&#xff0c;圆与直线的交点仿佛散落的珍珠&#xff0c;而连接这些珍珠的线段之间&#xff0c;藏着一组令人惊叹的等量关系。当我们用直尺测量、用逻辑推导时&#xff0c;…
阅读更多...
一文看懂显示接口：HDMI / DP / VGA / USB-C 有什么区别？怎么选？

一文看懂显示接口：HDMI / DP / VGA / USB-C 有什么区别？怎么选？

刚买的新显示器&#xff0c;插上线却发现画面糊成马赛克&#xff1f;游戏打到关键时刻突然黑屏&#xff1f;4K电影看着看着就卡顿&#xff1f;别急&#xff01;这些问题很可能都是"接口没选对"惹的祸&#xff01;今天我们就来彻底搞懂HDMI、DP、VGA、USB-C这些常见的…
阅读更多...
【ARM嵌入式汇编基础】- 操作系统基础（二）

【ARM嵌入式汇编基础】- 操作系统基础（二）

操作系统基础（二） 文章目录 操作系统基础（二）6、线程7、进程内存管理8、内存页9、内存保护10、匿名内存和内存映射内存11、内存映射文件和模块6、线程 程序首次启动时，会创建一个新进程，并为该程序分配一个线程。该初始线程负责初始化进程并最终调用程序中的主函数。多线…
阅读更多...
C#调用Matlab生成的DLL

C#调用Matlab生成的DLL

C#调用Matlab生成的DLL 1.Matlab生成DLL文件1.1准备脚本文件1.2.输出DLL文件2.Winform项目中调用DLL2.1.创建Winform项目2.2.添加引用2.3.调用DLL2.3.1. 方法12.3.2. 方法22.4.配置CPU3.运行测试4.缺点1.Matlab生成DLL文件 1.1准备脚本文件 在Matlab环境下创建脚本文件calcul…
阅读更多...
最新文章

Copyright @ 2022~2023