是否可以将vue单文件组件的脚本部分分离为多个js文件

Question

我使用Vue CLI构建了我的项目。我不是vue的专家，还在学习。所以我需要帮助，因为我不能解决一个问题。首先，我想把证监会的剧本部分分开，这是我想做的。在SvgMap.vue组件中，我写道：

<script src="../js/SvgMap.js"></script>

我在单独的文件SvgMap.js中的代码运行良好。

问题是当我想在不同的javascript文件中分离SvgMap.js中的代码时。我不知道如何将它们全部包含在vue组件中。这真的可能吗？

在我的项目中，我使用javascript从svg地图组件(坐标、文本、颜色…(生成大量数据，我希望这些数据位于单独的文件中。这些数据将在vuex库的其他组件中使用。

Answer 1

您想要做的是将代码拆分为不同的文件。

从这些文件中，您需要导出SvgMap.js中所需的零件。

在SvgMap.js中，您只需要导入导出即可。

以下是一个示例：export.js

export function addNumbers(a,b){
return a+b
}

main.js

import { addNumbers } from './path/to/export.js'
console.log(addNumbers(1,2))