Javascript 如何在vue中使用外部js文件

我想知道如何在Laravel5.4中的vue文件中使用jQuery库

我想在我的vue文件中使用此库：

在我的vue文件中，我正在创建一个表，每一行都有一个表单，其中有一个日期字段，类为“date”

使用jQuery，我将用以下内容屏蔽这些字段： $（'.date'）。掩码（'00/00/0000'）

如何将库导入vue并屏蔽所有这些日期字段

js文件位于：public/js/jquery.mask.min.js中

我试过：

var mask_script = require('/js/jquery.mask.min.js');

以及：

然后：

export default {

        mounted: function () {
            this.loadData();
            $('.date').mask('00/00/0000');

但我在npm运行dev时遇到以下错误：

无法解析js/jquery.mask.min.js

---

有人能帮忙吗？

您必须从实际路径加载文件

试一试

然后我会将

jquery.mask.min.js

移动到您的

resources/assets/js/

文件夹的某个位置，因为您正在将它编译到您的

app.js

文件中。

我试图在vue中使用引导模板。它要求libaray显示缩略图图标。 因此，我在resources/js/scripts中创建了一个文件夹，保存了

holder.min.js

，然后像这样调用了vue页面

laravel 5.7的文件夹结构

     resources
          \js
           |components
           |views (I have created this folder to save vue pages)
                 \inventory(folder)
                                 \Index.vue
           |scripts
                   \holder.min.js

位于resources/js/inventory/Index的Index.vue视图中

<script> require('../../scripts/holder.min.js')</script>

first ../ will take it to views directory from inventory
second ../ will take it to main js directory where scripts folder is located

require（“../../scripts/holder.min.js”）
首先../将把它从清单中带到视图目录
第二个../将把它带到脚本文件夹所在的主js目录

---

而且它没有任何问题。

顺便说一句，我对Laravel是新手，我想我不会把它编译成app.js。我在webpack.mix.js中没有，在app.js中也没有。我是否需要将其添加到某个地方以进行编译？我还没有完全理解这一点。您能否发布与javascript文件相关的目录结构。mysite/public/js/jquery.mask.min.js Vue组件：mysite/resources/assets/componentsTry更改路径为

var mask_script=require（'../../public/js/jquery.mask.min.js'）Thx，也没有帮助。
     resources
          \js
           |components
           |views (I have created this folder to save vue pages)
                 \inventory(folder)
                                 \Index.vue
           |scripts
                   \holder.min.js

<script> require('../../scripts/holder.min.js')</script>

first ../ will take it to views directory from inventory
second ../ will take it to main js directory where scripts folder is located