vue import js
时间: 2023-08-24 13:07:43 浏览: 39
在Vue中导入JavaScript文件有几种方式。以下是两种常见的方式:
1. 使用`<script>`标签:可以在Vue组件的模板中直接使用`<script>`标签引入外部的JavaScript文件。例如,在Vue组件的模板中添加以下代码:
```html
<template>
<div>
<!-- Vue组件的内容 -->
</div>
</template>
<script src="/path/to/your/script.js"></script>
```
确保将`/path/to/your/script.js`替换为实际的JavaScript文件路径。
2. 使用`import`语句:如果你使用的是Vue CLI或支持ES6模块的构建工具,你可以使用ES6的`import`语句导入JavaScript文件。首先,将要导入的JavaScript文件作为一个模块进行导出,例如:
```javascript
// script.js
export function myFunction() {
// JavaScript逻辑
}
```
然后,在Vue组件中使用`import`语句导入该文件:
```javascript
// MyComponent.vue
import { myFunction } from '/path/to/your/script.js';
export default {
// Vue组件的配置项
// ...
mounted() {
myFunction(); // 调用导入的函数
}
}
```
同样,要确保将`/path/to/your/script.js`替换为实际的JavaScript文件路径。
这些是在Vue中导入JavaScript文件的常见方式,根据你的项目配置和需求,选择最适合你的方式即可。