vue 引用js的函数

在Vue中引用JavaScript函数有多种方法。以下是一些常见的方法：

1. 直接在Vue组件中定义函数：你可以在Vue组件的methods对象中定义函数，并在模板中调用它们。例如：

<template>
  <button @click="sayHello">Click me</button>
</template>

<script>
export default {
  methods: {
    sayHello() {
      console.log('Hello!');
    }
  }
}
</script>

2. 在Vue组件中引入外部JavaScript文件：如果你有一个独立的JavaScript文件，你可以在Vue组件中使用import语句引入它，并在需要的地方调用它的函数。例如：

<template>
  <button @click="sayHello">Click me</button>
</template>

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

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

3. 使用Vue插件：如果你使用的是一个Vue插件，它可能会提供一些全局函数或指令，你可以直接在Vue组件中调用它们。根据插件的文档，你可能需要按照特定的方式引入和配置插件。

这些只是一些常见的方法，具体取决于你的使用场景和需求。希望对你有所帮助！