vue调用js里的函数

在 Vue 中调用 JavaScript 文件中的函数，你可以按照以下步骤进行操作：

1. 在 Vue 项目中创建一个 JavaScript 文件，例如 `util.js`，并在其中定义你的函数。

// util.js

export function myFunction() {
  console.log('This is my function!');
}

2. 在需要使用该函数的 Vue 组件中，通过 `import` 语句引入该 JavaScript 文件，并使用函数。

<template>
  <div>
    <button @click="callMyFunction">调用函数</button>
  </div>
</template>

<script>
import { myFunction } from '@/util.js';

export default {
  methods: {
    callMyFunction() {
      myFunction();
    }
  }
}
</script>

在上述代码中，我们首先通过 `import` 语句引入了 `util.js` 文件中的 `myFunction` 函数。然后，在 Vue 组件的方法中，我们调用了 `myFunction()`。

通过这样的方式，你可以在 Vue 组件中调用 JavaScript 文件中的函数。记得将 `util.js` 的路径适配成你实际的文件路径。

希望这个示例对你有帮助！如果你还有其他问题，请随时提问。