Vue中导入Java文件的方法console灵活运用这些方法可以让你的项目更加高效

Vue中导入JavaScript文件的方法

一、直接在组件中导入

这种方法就像把JavaScript文件直接塞进你的组件里，方便又简单。

先创建一个JavaScript文件，比如叫`my-script.js`：

console.log("这是我的自定义脚本");

然后在Vue组件中这样导入并使用：

import MyScript from './my-script.js';



export default {

  mounted() {

    MyScript();

  }

}

二、通过Vue CLI配置导入

如果你想在所有组件里都用到这个JavaScript文件，用Vue CLI来全局配置就方便多了。

在项目根目录下创建一个文件夹，比如叫`js`，然后在这个文件夹里创建JavaScript文件，比如`global-script.js`：

console.log("这是全局脚本");

修改`src/main.js`或`src/main.ts`文件进行配置：

import GlobalScript from './js/global-script.js';



Vue.prototype.$GlobalScript = GlobalScript;

在Vue组件中导入并使用：

export default {

  mounted() {

    this.$GlobalScript();

  }

}

三、在模板中通过script标签引入

如果你需要引入一个外部的JavaScript库或者工具，就在HTML模板里通过script标签来引入。

在`