vue 外部js

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

1. 直接在 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>

2. 在 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 来转译这些语法，以便能够在旧版浏览器中运行。