Question

我刚刚开始研究如何使用vuejs框架进行laravel api，我有很多疑问。它们是：我如何在特定的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上的客户端。

Answer 1

您的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>

在teste.js内添加一个函数：

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

然后在您的组件中调用printToConsole()。

或使用IIFE

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

如何在vuejs组件中包含js文件？

1 个答案: