vue怎么引用外部js
时间: 2024-03-10 10:48:48 浏览: 18
Vue.js可以通过`<script>`标签来引入外部JavaScript文件。你可以在HTML文件中的`<head>`或`<body>`标签中添加`<script>`标签,然后在`src`属性中指定外部JavaScript文件的URL。
例如,下面的示例代码演示了如何在Vue.js中引入外部JavaScript文件:
```html
<!DOCTYPE html>
<html>
<head>
<title>Vue.js 引入外部 JavaScript 文件示例</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="path/to/your/external/js/file.js"></script>
</head>
<body>
<div id="app">
<!-- 在这里使用Vue.js组件 -->
</div>
</body>
</html>
```
在上面的示例中,我们首先在`<head>`标签中引入了Vue.js和Axios.js的外部JavaScript文件,然后又通过`<script>`标签引入了一个自定义的JavaScript文件(即`path/to/your/external/js/file.js`)。
需要注意的是,你需要在引入Vue.js和Axios.js等外部JavaScript文件之后再引入自定义的JavaScript文件,以确保它们能够正确地使用Vue.js和Axios.js等库。