Javascript 从vuejs应用程序调用JS库中的函数

我正在尝试导入api.js中实现的js库，如下所示：

var api = (function() {

    function _logon() {
        return "You logged on";
    }

    return {
        logon: _logon
    };

}());

在我的vue文件脚本标记中，我尝试了：

    import * as api from '../api.js'
    //and
    import api from '../api.js'

    export default {
        name: "Logon",
        created(){
          var res =  api.logon();
        }
  }
  //Error in created hook: "TypeError: _api_js__WEBPACK_IMPORTED_MODULE_4__.logon is not a function"

我无法修改js库，有没有办法让它正常工作

创建文件名api.js：

function login() {
   return 'You logged on';
}

function logout() {
   return 'Logout!';
}
export default {
  login,
  logout
}

2-从file.vue文件导入

  import api from './../api'

  export default {
  name: 'HelloWorld',
  props: {
     msg: String
  },
  mounted() {
    let restul = api.login();
    console.log(restul);

    console.log(api.login());
  }
 }

---

您需要在api.js文件中使用module.exports