首页vue3.2 引用public下的js文件

vue3.2 引用public下的js文件

时间: 2023-09-07 11:02:47 浏览: 516

在Vue 3.2中，引用public下的js文件的方法有两种。第一种方法是直接在index.html文件中使用`<script>`标签引入js文件。首先确保public文件夹下有需要引入的js文件，然后在index.html文件中的`<head>`标签内添加如下代码： ``` <head> ... <script src="<文件路径/文件名.js>"></script> ... </head> ``` 其中`<文件路径/文件名.js>`是指需要引入的js文件的路径和文件名。第二种方法是使用import语句引入js文件。首先在src文件夹下创建一个新的js文件，例如`public.js`，然后在该文件中使用import语句引入需要使用的js文件。示例如下： ``` // public.js import '<文件路径/文件名.js>'; ``` 其中`<文件路径/文件名.js>`是指需要引入的js文件的路径和文件名。然后，在需要使用该js文件的组件中使用import语句引入`public.js`文件。示例如下： ``` // HelloWorld.vue <script> import '@/public.js'; export default { ... } </script> ``` 在上述代码中，`@/public.js`表示public.js文件的路径相对于当前组件的路径。这样就可以在Vue 3.2中成功引用public下的js文件了。无论是使用第一种方法还是第二种方法，都能实现引入js文件并在Vue组件中使用。

阅读全文