vue文件引入静态js文件的方法
时间: 2023-05-10 07:01:40 浏览: 410
vue引入静态js文件的方法
5星 · 资源好评率100%
在Vue项目中,要引入静态的JavaScript文件,我们可以有以下步骤:
1. 在项目的public目录下新建一个js文件夹,用于存放静态的JavaScript文件。
2. 将需要引入的JavaScript文件放在js文件夹中。
3. 在vue文件中通过script标签引入静态的JavaScript文件,可以采用相对路径或绝对路径的方式。
例如,在vue文件中引入位于public/js目录下的test.js文件,代码如下:
```
<script src="../js/test.js"></script>
```
如果test.js文件的路径是项目根目录下的/public/js/test.js,则可以这样写:
```
<script src="/js/test.js"></script>
```
当然,在Vue项目中也可以通过webpack的方式将静态的JavaScript文件打包到最终的js文件中,这样就不需要单独引入。在webpack配置文件中,配置entry入口时,指定需要打包的静态JavaScript文件即可。
阅读全文