如何在Vue中引用public文件夹中的JS文件？
在Vue应用程序中，我们通常需要引入一些外部的JS文件来实现特定的功能。有时我们需要引用public文件夹中的JS文件，但是Vue并不支持直接引用public中的文件。
在本篇文章中，我们将会介绍如何在Vue应用程序中引用public文件夹中的JS文件。我们将会通过一步步的说明来让你了解如何操作。
先决条件
在进行操作之前，请确保你已经按照以下步骤来创建你的Vue应用程序。
1.安装Node.js和Vue CLI
在开始前，你需要安装Node.js和Vue CLI。Node是一个基于V8引擎的JavaScript运行环境，而Vue CLI是用于创建和管理Vue.js应用程序的标准工具。在安装Vue CLI之前，你需要首先安装Node.js，你可以在Node.js官网上下载Node.js的安装包进行安装。
2.创建Vue项目
一旦你已经安装好Node.js和Vue CLI，使用以下命令在命令行中创建你的Vue项目：
“`vue create my-app“`
注意：在这里我使用my-app作为示例名称，你可以使用自己的应用程序名称。
一旦应用程序创建成功，你会看到如下的输出信息：
“`Successfully created project my-app.“`
3.在public文件夹中创建你的JS文件
在创建你的JS文件之前，你需要先创建一个public文件夹。使用以下命令在你的项目根目录下创建这个public文件夹：
“`mkdir public“`
然后，在public文件夹中创建你的JS文件。
引用public文件夹中的JS文件
一旦你已经创建了public文件夹中的JS文件，你可以通过以下步骤来引用它：
1.导入你的JS文件
首先，在你的Vue组件中导入你的JS文件。你可以使用以下代码：
“`import myJs from ‘@/../public/my-js.js’“`
注意：在这里，’@’表示你的Vue应用程序跟路径，’../’表示跳出src文件夹，’public’表示你想要引用的public文件夹。在这里，我们导入了名为my-js.js的JS文件。你可以根据你的情况来进行修改。
2.使用你的JS文件
一旦你已经导入了你的JS文件，你可以通过以下代码来使用它：
“`mounted() {
myJs()
}“`
在这里，我们使用了mounted生命周期函数来调用myJs函数。你可以根据你的情况来进行修改。
总结
现在你已经知道如何在Vue应用程序中引用public文件夹中的JS文件了。通过上述步骤，你可以轻松地将public文件夹中的JS文件引用到你的Vue应用程序中。
记住，在进行操作之前，请确保你已经按照上述先决条件进行了操作，否则你可能会遇到一些问题。
免备案cdn
