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

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')
 })()