vue 外部js

如果你想在 Vue 项目中使用外部的 JavaScript 文件，可以通过以下几种方法实现：

直接在 HTML 文件中引入 JavaScript 文件，然后在 Vue 组件中使用该 JS 文件中定义的全局变量或函数。

例如，在你的 HTML 文件中引入 jQuery：
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
登录后复制
然后在 Vue 组件中使用该 jQuery：
<script>
export default {
mounted() {
$('#my-element').addClass('active');
}
}
</script>
登录后复制

在 Vue 组件中使用 import 语句引入外部的 JavaScript 文件，然后在组件中使用该文件中导出的变量或函数。

例如，在 Vue 组件中引入一个名为 my-utils.js 的工具库：
import { formatDate } from './my-utils';
登录后复制
然后在组件中使用 formatDate 函数：
<script>
import { formatDate } from './my-utils';

export default {
data() {
return {
date: '2021-09-01'
};
},
computed: {
formattedDate() {
return formatDate(this.date);
}
}
};
</script>
登录后复制
需要注意的是，如果你使用了 ES6 的语法（如 import/export），需要在项目中配置 Babel 来转译这些语法，以便能够在旧版浏览器中运行。