vue引入js文件

作者：殘月殺手发布日期:2025-08-03 浏览:18

// main.js
import Vue from 'vue';
import App from './App.vue';
// 引入自定义的js文件
import myJsFile from './myJsFile.js';

new Vue({
  render: h => h(App),
  // 使用引入的js文件中的方法或变量
  created() {
    myJsFile.myFunction();
  }
}).$mount('#app');

// myJsFile.js
export default {
  myFunction() {
    console.log('This is a function from myJsFile.js');
  }
};

解释说明：

main.js：这是Vue项目的入口文件。我们在这里通过import语句引入了myJsFile.js。
myJsFile.js：这是一个自定义的JavaScript文件，其中导出了一个对象，包含了一个名为myFunction的方法。
使用引入的js文件：在main.js中，我们可以在Vue实例的生命周期钩子（如created）中调用myJsFile.js中的方法。

如果你需要在组件中引入JS文件，步骤类似，只需在组件的脚本部分进行导入即可。

上一篇：vue快速入门

下一篇：vue json