vue如何引入js

在Vue中引入JS文件的方式有很多。1、通过import语句引入；2、在index.html文件中通过<script>标签引入；3、通过Webpack配置引入。下面我们将详细介绍这几种方法的实现步骤。

一、通过`import`语句引入

在Vue组件中，可以直接使用import语句引入JS文件。比如我们有一个名为utils.js的文件，里面有一些工具函数，我们可以按照下面的步骤引入：

创建utils.js文件，并定义一些工具函数。

// utils.js
export function add(a, b) {
    return a + b;
}
export function subtract(a, b) {
    return a - b;
}

在Vue组件中引入utils.js文件。

// MyComponent.vue
<script>
import { add, subtract } from '@/utils.js';
export default {
    name: 'MyComponent',
    methods: {
        calculateSum() {
            const sum = add(1, 2);
            console.log(sum);
        },
        calculateDifference() {
            const difference = subtract(2, 1);
            console.log(difference);
        }
    }
}
</script>

这样就可以在Vue组件中使用utils.js文件中的工具函数了。