vue文件引入静态js文件的方法
时间: 2023-07-01 21:09:40 浏览: 203
vue引入静态js文件的方法
5星 · 资源好评率100%
您可以在Vue组件中使用<script>标签来引入静态的JavaScript文件,具体的方法如下:
1. 将JavaScript文件放入项目的"public"目录中;
2. 在Vue组件中使用<script>标签引入该JavaScript文件。
例如,假设您在项目的"public"目录中有一个名为"test.js"的JavaScript文件,您可以在Vue组件中这样引入该文件:
```
<template>
<div>
<!-- 组件的模版 -->
</div>
</template>
<script>
export default {
mounted() {
const script = document.createElement("script");
script.src = "test.js";
document.body.appendChild(script);
}
}
</script>
```
这样,在该Vue组件渲染后,"test.js"文件就可以在页面中使用了。
阅读全文