vue组件中require和import的区别是什么 vue require和import

文章摘要：vue组件中require和import的区别是什么 vue require和import

vue组件中require和import的区别有：1.本质不同；2.遵循的规范不同；3.调用方式不同；4.性能 […]

vue组件中require和import的区别有：1.本质不同；2.遵循的规范不同；3.调用方式不同；4.性能不同；5.基本语法不同；

vue组件中require和import的区别有以下几点

1.本质不同

import是一个解构过程，import语法会被转码为require；而require是一个赋值过程，其结果就是对象、数字、字符串、函数等，再把require的结果赋值给变量。

2.遵循的规范不同

import是es6中的一个语法标准，需要转化成es5语法；而require本身就是AMD规范的引入方式。

3.调用方式不同

import是在编译时调用，且必须在文件开头调用；而require是在运行时调用，可以在代码的任何地方进行调用。

4.性能不同

import只需要依据import中的接口在编译时引入指定模块；而require在在运行时引入模块并赋值给变量，性能相对于import稍低。

5.基本语法不同

使用import导出的对象与整个模块进行结构赋值，且对象必须与模块中的值一一对应；而require在导出的文件中定义module.export，其导出的对象的类型可以是任何类型，只需要在引入的文件中使用require()方法调用对象即可。