如何从Vue + webpack + vue-loader项目中的不同js文件导入函数

（请参阅结尾，了解为什么这不是“ 如何在另一个JavaScript文件中包含一个JavaScript文件？”的重复）。

Javascipt + Vue + Webpack + Vue-loader Noob ...绊倒最简单的事情！

我有App.vue一个模板：

<template>
 <div id="app">
     <login v-if="isTokenAvailable()"></login>
 </div>
</template>

我isTokenAvailable对Vue inside以常规方式声明该方法methods。它使用了我在单独的js文件中编写的函数：

<script>
import * as mylib from './mylib';

export default {
  ....
    methods:{
        isTokenAvailable: () => {
            return mylib.myfunc();
        }
    }
}
</script>

mylib 开始是这样的：

import models from './model/models'
import axois from 'axios'

export default function() {
    // functions and constants
}

当我运行项目时，我得到警告：

export 'myfunc' (imported as 'mylib') was not found in './mylib'

我发现我没有正确导入或声明javascript模块...但是似乎有很多方法可以实现，再加上Vue范围界定的复杂性，我不确定什么是“正确”的方法去做吧？

提前致谢

为什么这不是一个骗子：我如何在另一个JavaScript文件中包含一个JavaScript文件？

Doesn't seem to fix the problem, specifically in the context of vuejs.

I have tried this:

<script>
const mylib = require('./mylib');
...
</script>

With the function modified to: exports.myfunc = function()

should i have some other dependency for this to work? Because I get a different error:

[Vue warn]: Error in render function:
TypeError: mylib.myfunc is not a function