一、定义
1、require:
是CommonJS模块系统的一部分,通常用于在Node.js环境中引入模块。它是一种动态的引入方式,可以在运行时根据条件引入模块。require是同步的,它会阻塞代码的执行,直到模块加载完成。
示例:
const component = require('./Component.vue').default;
2、import
是ES6模块系统的一部分,用于在现代浏览器和支持ES6模块的环境中引入模块。它是一种静态的引入方式,必须在模块的顶部使用,不能在条件语句中使用。import是异步的,它会在编译时进行模块解析和加载,不会阻塞代码的执行。
示例:
import Component from './Component.vue';
二、总结:
require是CommonJS模块系统的一部分,适用于Node.js环境和动态引入模块。
import是ES6模块系统的一部分,适用于现代浏览器和静态引入模块。
在Vue项目中,通常推荐使用import语法来引入组件,因为它更符合现代JavaScript的标准,并且可以享受到一些构建工具的优化。但如果你需要在运行时动态引入模块,或者在Node.js环境中使用Vue组件,那么可以选择使用require语法。