在 Vue 中引入非 ES6 JS 文件可以通过创建并设置 src 属性指向该文件路径的 script 标签,并设置 type 属性为 "text/javascript" 来实现。如果非 ES6 JS 文件导出的是 CommonJS 模块,则需要使用 Object.assign 将其分配给 export default 对象。

在 Vue 中引入非 ES6 JS 文件
在 Vue 中,可以通过使用 script 标签来引入非 ES6 JS 文件。
步骤:
- 创建 script 标签:在 Vue 组件模板中,创建一个 script 标签。
-
指定非 ES6 JS 文件路径:在 script 标签中,使用
src属性指定非 ES6 JS 文件的路径。 -
设置 type 属性:将 script 标签的
type属性设置为"text/javascript"。
示例:
立即学习“前端免费学习笔记(深入)”;
注意点:
- 确保非 ES6 JS 文件导出一个名为
default的对象或函数。 - 如果非 ES6 JS 文件包含 CommonJS 模块,则需要使用
Object.assign将其分配给export default对象。
示例(CommonJS):
// non-es6.js
module.exports = {
foo: 'bar'
};










