在 vue.js 中引用 js 文件的方法有三种:直接使用 标签指定路径;利用 mounted() 生命周期钩子动态导入;通过 vuex 状态管理库进行导入。

如何使用 Vue.js 引用 JS 文件
在 Vue.js 中引用 JS 文件有几种方法:
1. 使用 <script></script> 标签
这是最简单的方法,只需在 <script></script> 标签中指定要引用的 JS 文件的路径:
立即学习“前端免费学习笔记(深入)”;
<code class="html"><script src="path/to/file.js"></script></code>
2. 通过 Vue 实例的 mounted() 生命周期钩子
<code class="js">export default {
mounted() {
// 动态导入 JS 文件
import('path/to/file.js').then(module => {
// 使用模块
});
}
};</code>3. 使用 Vuex(状态管理库)
<code class="js">import Vuex from 'vuex';
import actions from './file.js';
const store = new Vuex.Store({
actions
});</code>注意事项:
- JS 文件必须放在你的项目中可以访问的位置。
- 确保 JS 文件的路径正确。
- 如果使用动态导入,请确保 Vue.js 版本大于或等于 2.6.0。










