模塊化開發，如何將公用方法放到一個 js 文件中，然後其他頁面按需引用？

建立文件如下圖所示結構

controller.js，裏面全是 controller 頁面要用到的接口方法，便於分類
index.js，用於將此 api 文件夾裏除開 index.js 的其他 js 文件接口集中暴露出去，便於引用
native.js，可以放常用的工具函數

controller.js 部分代碼如下：

export const queryDevice = (host, params) => {
  return axios.get(`${host}/queryBindingDevice`, {params})
}

export const getDevicelist= (host, params) => {
  return axios.get(`${host}/getDevicelist`, {params})
}

index.js 代碼如下：

import * as controller from './controller';
import * as native from './native ';
export default {
    controller,
    native 
}

在 controller.vue 中引用 controller.js 中的接口

<script>
import api from "../api/index.js";
export default {
  name: "controller",
  data() {
    return {}
    },
    created() {
		api.controller.queryDevice(url,obj)
	}
}
</script>