vue中 import和require使用和区别

最新推荐文章于 2024-09-30 10:41:21 发布
最新推荐文章于 2024-09-30 10:41:21 发布
阅读量1.4k 收藏 12
点赞数 11
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36083245/article/details/140651672

在Vue.js（以及更广泛的JavaScript生态中），import和require是两种不同的模块导入方式，它们分别来自ES6模块系统和CommonJS模块系统。

require

  • CommonJS：require是CommonJS模块系统的关键字，主要用于Node.js环境。
  • 同步加载：require在执行时是同步的，意味着它会在代码执行时立即加载模块。
  • 导出：使用module.exports或exports来导出模块。
  • 使用方式：
// 导入模块
const myModule = require('./myModule');
// 导出模块
module.exports =
最低0.47元/天 解锁文章

200万优质内容无限畅学
vue之require与import之间的区别
05-09 1637
https://www.cnblogs.com/zknublx/p/12607386.html 首先我们要明白require与import的基本语法： require的基本语法：在导出的文件中定义module.export,导出的对象的类型不予限定（可以是任何类型，字符串，变量，对象，方法），在引入的文件中调用require()方法引入对象即可，换一种说法就是require相当于module.exports的传送门，module.exports后面的内容是什么，require的结果就是什么，对象、数字、
vue项目的分析--20211009--promise对象&import&export&ES6标准&import和require区别
weixin_46045444的博客
10-11 705
分析vue项目先分析main.js文件找出项目挂载点和组件内容 main.js文件的分析 引入vue import Vue from 'vue' import 'babel-polyfill'//可以解决IE不显示问题 引入的时候没有路径的一般都默认是从node_modules里引入，具体是从哪里引入可以看配置文件 import OneUi from 'one-ui' import 'one-ui/lib/theme-chalk/index.css' import '@/styles/red-theme.
vue中require与import的区别
chenzimin_blog
04-24 1万+
一、vue中require与import的区别 在es6之前js一直没有自己的模块语法，为了解决这种尴尬就有了require.js的出现。在es6发布之后js又引入了import的概念。使得不清楚两者之间的区别在实际使用过程中造成了自己的误解 ES6标准发布后，module成为标准，标准使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们依然采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。 二、require基本用
Vue中import和require的对比
m0_50446264的博客
11-03 808
​ vue框架想必是我们前端朋友们必学的知识点，说它难也没有那么难，说简单也没有那么简单，主要技术就是那么几个，可是里面的细节很多，有些时候我们会用但未必知道他为什么要这么用，原理是是什么，就比如我们最为常见的导入方式——import和require，很多时候我们都会用得比较混淆，为了更清楚地很轻两者的关系，博主就特地写了这篇博文。
vue中的import、export、requre的区别
weixin_30877493的博客
07-20 3519
在es6之前js一直没有自己的模块语法，为了解决这种尴尬就有了require.js的出现。在es6发布之后js又引入了import的概念使得不清楚两者之间的区别的同学在实际使用过程中造成了自己的误解，在查阅了相关资料之后在此记录下自己的小小见解。 require的基本语法 核心概念：在导出的文件中定义module.export,导出的对象的类型不予限定（可以是任何类型，字符串，变量...
vue中import和require区别
03-16
Vue中的import和require都是用来引入模块的方式，但是它们有以下区别： 1. import是ES6中的语法，而require是CommonJS中的语法。 2. import是静态引入，即在编译时就会执行，而require是动态引入，即在运行时才会...
vue路由中component的动态引入（import、require的各种写法）
start_sea的博客
03-24 7002
常用写发，先用import通过路径引入组件对象，再赋给component。直接“@”到目标主文件夹，不用敲那么多点点点。
vue require和import 区别
04-15 809
vue中require与import之间的区别
【 VUE 】 Router require引入和import引入的区别
最新发布
weixin_44448044的博客
09-30 848
尽管在现代前端项目中，由于 ES6 模块的普及，require 的使用有所减少，但它仍然被广泛支持。在 Vue.js 项目中，特别是使用 Vue CLI 创建的项目，推荐使用 import 语句来引入路由组件，因为它更符合现代前端开发的标准和最佳实践。语法差异：require 返回的是一个模块对象，可以通过 .default 属性访问默认导出的组件（如果组件使用了默认导出）。它提供了静态分析和更好的编译优化能力。静态引入：import 语句必须在文件的顶层作用域中，不能在函数或条件语句中使用。
Vue动态加载组件的两类方式（import和require）
凡江林的博客
01-30 2万+
1. 需求描述 最近开发的一个项目，涉及到这样一个需求：随着项目的不断推进，后台管理功能逐渐增多，与此同时，静态路由表也逐渐扩大，需要把静态路由方式转换为动态路由方式。要完成这样一个转换，有几个技术要点需要解决，其中一个就是需要Vue动态加载组件，那么，Vue动态加载组件的常用方式有哪些呢？ 2. Vue动态加载组件的两类方式 Vue加载组件主要有正常加载和懒加载，示例代码如下： //正常加载 import index from '../pages/index.vue' import view from '
Vue-router路由import 与 require 区别和懒加载
qq_41602925的博客
07-10 897
import 是解构过程，但是目前所有的引擎都还没有实现 import ，我们在 node 中使用 babel 支持 ES6 ，也仅仅是将 ES6 转码为 ES5 再执行，import 语法会被转码为 require。require 是赋值过程，其实 require 的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量。node 编程中最重要的思想就是模块化，import 和 require 都是被模块化所使用。import 是编译时调用，所以必须放在文件开头。
require和import的区别
热门推荐
wwf1225的博客
04-13 2万+
​​ require和import的区别 require和import的区别 - wenxuehai - 博客园 目录 1、require 和import 的区别 2、require() | exports 的用法 2.1、导入模块 require() 的用法 2.2、输出接口 exports 的用法 3、import | export 的用法 1、require 和import 的区别 node编程中最重要的思想就是模块化，import 和 re...
vue-router中，require代替import解决vue项目首页加载时间过久的问题
weixin_40579884的博客
05-07 4055
原因： vue的路由配置文件(routers.js)，一般使用import引入的写法，当项目打包时路由里的所有component都会打包在一个js中，在项目刚进入首页的时候，就会加载所有的组件，所以导致首页加载较慢，而用require会将component分别打包成不同的js，按需加载，访问此路由时才会加载这个js，所以就避免进入首页时加载内容过多。 require: 运行时调用，理论上可以运...
VUE 中import和require选择和位置 echarts按需引用，提高渲染速度
qlin_11的博客
08-16 2360
import和require选择和位置 以echarts为例 如果很多页面使用就放在main.js里面 import echarts from ‘echarts’ //引入echarts Vue.prototype.$echarts = echarts //引入组件 如果是只有一部分那就在该文件中 import echarts from ‘echarts’ //引入echarts 直接用echar...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值