vue中如何引入js

在Vue.js中，引入外部JavaScript文件通常有两种常见的方式：在全局范围内引入（适用于小型库）和在单个组件内部引入（适用于依赖特定页面的库）。

**1. 全局引入（main.js或类似入口文件）**：
如果你想要全局使用某个JavaScript库，可以在`src`目录下的`main.js`或其他入口文件中引入：

import someLibrary from 'path/to/someLibrary.js'; // 替换实际的路径

// 然后你就可以在全局访问这个库了
window.someLibrary = someLibrary;

请注意，全局引入可能会导致浏览器性能问题，因此尽量只在必要时进行。

**2. 组件内局部引入（在single-file components）**：
在单文件组件（.vue文件）中，你可以使用`script`标签的`src`属性来引入：

<template>
  <!-- ... -->
</template>

<script>
import someFunction from './someFunction.js'; // 或 'path/to/someFunction.js'

export default {
  methods: {
    doSomething() {
      someFunction();
    }
  }
}
</script>

这里`someFunction`将仅在当前组件的生命周期内可用。

**相关问题--:**
1. Vue项目中如何避免全局污染变量？
2. 在Vue中如何处理异步加载的JS脚本？
3. Vue组件中的`async/await`在引入外部JS文件时有何作用？