Vuejs2 如何在vuejs组件上包含js文件？

我刚刚开始研究如何使用vuejs框架实现LaravelAPI，我有很多疑问。其中一个问题是：如何在特定的vue组件上包含js文件？现在，我正在导入vue客户端索引上的所有js文件，但我想知道的是如何在特定的vue组件上加载特定的js文件。我已经尝试了

require（'assets/path/to/jsfile'）

，

import（'assets/path/to/jfsile'）

，但没有任何效果

例如：

在我的文件夹中，我有这样的结构：

myapp->static->myjsfolder->myjsfile

---

在我的vue组件中，我想导入我的

myjsfile

。我使用的管理模板是AdminLTE，laravel作为后端，webpack作为vuejs上的客户端。

您的js文件导出了什么吗

如果是，请尝试使用：

import * as Something from 'assets/path/to/jsfile'

路径将相对于组件，因此您可能需要使用

/

或

。/path

作为示例

编辑：下面的工作正常吗？假设正在使用单个文件组件：

<script type="text/javascript" src="some/js/file.js"></script>
<script type="text/ecmascript-6">
    export default {
        ...
    }
</script>

然后稍后在组件中调用

printToConsole（）

或者使用一种生活方式

(function () {
    console.log('working')
 })()

---

不他们中的一些人什么也不出口。这就是问题所在。由于它们不导出任何内容，我必须在索引中导入它们。所以，我所有的js文件都在index.html上。真糟糕！你能在一个普通的

标记中要求它们吗？不，即使我将完整路径放在文件中，我的vue组件也不会执行它。localhost:8080/static/dist/teste.js">. 此文件仅显示控制台消息。您可以发布

teste.js

的内容吗？您需要将其内容包装在一个立即调用的函数中，以使其立即执行。您需要将其包装在函数中并调用该函数，或者将内容包装在立即调用的函数中，如

（function（）{console.log（'working'）}）（

(function () {
    console.log('working')
 })()