require 和 import的区别

特性	require	import
规范	CommonJS 规范，Node.js 原生标准；浏览器原生不支持，打包工具（webpack/vite）兼容。	ES Module（ESM），ES6 官方标准，浏览器、Node、Vite/Webpack 全部原生支持。
加载方式	同步	静态（编译时）
位置	任意	文件顶部
动态路径	✅ 支持	❌ 不支持 但可使用懒加载的方式实现动态路径加载 () => import('@/views/' + 传参 + '.vue')
懒加载	❌	✅ import()
默认导出	require().default	import xxx from
命名导出	require().name	import { name } from
浏览器支持	❌ 需要打包工具	✅ 原生支持（需配置）