vue组件中取js文件中的值

在Vue组件中，你可以通过引入外部的JavaScript文件，并在组件中使用这些文件中的值。以下是一种常见的做法：

1. 创建一个JavaScript文件，例如`config.js`，在该文件中定义你想要导出的值。

// config.js
export const apiUrl = 'https://api.example.com';
export const apiKey = 'your-api-key';

2. 在Vue组件中引入该JavaScript文件，并使用导出的值。

<template>
  <div>
    <p>API URL: {{ apiUrl }}</p>
    <p>API Key: {{ apiKey }}</p>
  </div>
</template>

<script>
import { apiUrl, apiKey } from '@/path/to/config.js';

export default {
  data() {
    return {
      apiUrl,
      apiKey
    };
  }
}
</script>

在上述代码中，我们通过`import`语句将`apiUrl`和`apiKey`导入到Vue组件中。然后，我们在组件的`data`选项中声明这些值，并在模板中使用它们。

请确保在引入JavaScript文件时，提供正确的路径。在上面的代码中，我们使用了`@/path/to/config.js`作为示例路径，你需要根据实际情况进行修改。

这样，在Vue组件中就可以轻松地获取到JavaScript文件中定义的值，并在模板中使用它们。