vue中require与import的区别

bug收集：专门解决与收集bug的网站

网址：www.bugshouji.com

01

require和import相互转换

import list from './list';
//等价于
var list = require('./list');

‍

02

require和import的区别

require 是赋值过程并且是运行时才执行，也就是异步加载。

require可以理解为一个全局方法，因为它是一个方法所以意味着可以在任何地方执行。

import 是解构过程并且是编译时执行。

import必须写在文件的顶部。

‍

03

require和import的优缺点

require的性能相对于import稍低，因为require是在运行时才引入模块并且还赋值给某个变量，而import只需要依据import中的接口在编译时引入指定模块所以性能稍高。