vue require和import 区别

已于 2022-07-14 12:02:38 修改
阅读量774 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端 javascript
于 2020-04-15 13:57:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linzhiji/article/details/105533586
版权

JS模块化编程分了两种规范：CommonJS模块规范和ES6模块规范。

  • CommonJS模块规范 —— CommonJS规范中，以module.exports导出接口，以require引入模块 ES6模块规范
    —— ES6标准规范中，以export指令导出接口，以import引入模块
  • 在Node.js编程中，Node模块系统遵循的是CommonJS规范。

require 是赋值过程并且是运行时才执行， import 是解构过程并且是编译时执行

vue中require与import之间的区别
JS模块的导出和导入之export和module.export的区别

linzhiji
关注
专栏目录
vue之require与import之间的区别
05-09 1512
https://www.cnblogs.com/zknublx/p/12607386.html 首先我们要明白require与import的基本语法： require的基本语法：在导出的文件中定义module.export,导出的对象的类型不予限定（可以是任何类型，字符串，变量，对象，方法），在引入的文件中调用require()方法引入对象即可，换一种说法就是require相当于module.exports的传送门，module.exports后面的内容是什么，require的结果就是什么，对象、数字、
vue 组件懒加载 import require
lin13958756858的博客
08-24 1873
使用懒加载原因： 像vue这种（spy）单页面应用，如果没有使用到懒加载，webpack打包的文件过大，造成进入首页时，加载的资源过多，时间过长，即使做了loading也不利于用户体验，而运用懒加载可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载事件，简单来说就是进入首页不用一次加载过多资源造成时间过长 问题背景： 路由懒加载在开发阶段的时候，随手改一行代码热更新都是要几千ms，导致等待过长。这里是异步加载导致 webpack 每...
vue中 import和require使用和区别
最新发布
猿脑2.0的博客
07-24 698
import和require各有优缺点，它们服务于不同的模块系统。在开发现代JavaScript应用程序时，import是更常见的选择，因为它提供了更清晰的语法和更好的模块管理。然而，在Node.js环境中，require仍然是标准做法，尤其是在旧版Node.js不支持ES6模块的情况下。随着Node.js对ES6模块的原生支持，import的使用将变得更加普遍。
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 716
​ vue框架想必是我们前端朋友们必学的知识点，说它难也没有那么难，说简单也没有那么简单，主要技术就是那么几个，可是里面的细节很多，有些时候我们会用但未必知道他为什么要这么用，原理是是什么，就比如我们最为常见的导入方式——import和require，很多时候我们都会用得比较混淆，为了更清楚地很轻两者的关系，博主就特地写了这篇博文。
vue-router 按需加载 component: () = import() 报错的解决
01-18
vue的单页面（SPA）项目,必然涉及路由按需的问题。 以前我们是这么做的 ...//vue异步组件和webpack的【代码分块点】功能结合，实现了按需加载 const App = () => import(‘../component/Login.vue’); 可是，很多情
vue中import和require区别
03-16
Vue中的import和require都是用来引入模块的方式，但是它们有以下区别： 1. import是ES6中的语法，而require是CommonJS中的语法。 2. import是静态引入，即在编译时就会执行，而require是动态引入，即在运行时才会...
vue项目的分析--20211009--promise对象&import&export&ES6标准&import和require区别
weixin_46045444的博客
10-11 628
分析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.
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动态加载组件的两类方式（import和require）
凡江林的博客
01-30 1万+
1. 需求描述 最近开发的一个项目，涉及到这样一个需求：随着项目的不断推进，后台管理功能逐渐增多，与此同时，静态路由表也逐渐扩大，需要把静态路由方式转换为动态路由方式。要完成这样一个转换，有几个技术要点需要解决，其中一个就是需要Vue动态加载组件，那么，Vue动态加载组件的常用方式有哪些呢？ 2. Vue动态加载组件的两类方式 Vue加载组件主要有正常加载和懒加载，示例代码如下： //正常加载 import index from '../pages/index.vue' import view from '
vue-router中，require代替import解决vue项目首页加载时间过久的问题
weixin_40579884的博客
05-07 3982
原因： vue的路由配置文件(routers.js)，一般使用import引入的写法，当项目打包时路由里的所有component都会打包在一个js中，在项目刚进入首页的时候，就会加载所有的组件，所以导致首页加载较慢，而用require会将component分别打包成不同的js，按需加载，访问此路由时才会加载这个js，所以就避免进入首页时加载内容过多。 require: 运行时调用，理论上可以运...
VUE 中import和require选择和位置 echarts按需引用，提高渲染速度
qlin_11的博客
08-16 2281
import和require选择和位置 以echarts为例 如果很多页面使用就放在main.js里面 import echarts from ‘echarts’ //引入echarts Vue.prototype.$echarts = echarts //引入组件 如果是只有一部分那就在该文件中 import echarts from ‘echarts’ //引入echarts 直接用echar...
vue中使用import路由懒加载的原理、import和require的区别
希文Gershwin
09-17 1万+
import和require的区别 node编程中最重要的思想就是模块化，import和require都是被模块化所使用。 遵循规范 require是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用，所以require理论上可以运用在代码的任何地方 import是编译时调用，所以必...
关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度
yorcentroll的博客
01-26 2万+
关于vue 动态引入（异步加载）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值