javascript - vue-cli怎么把组件中的公共方法提取出来

Question

问题如题。
补充描述下：
项目用到了vuex，vue-router，vue-router每切换一个一面都会通过ajax加载数据，而每个页面加载数据的方法都一样的。试了将公共方法放在main.js中，然后在组件中调用，发现方法是可以调用了，但由于ajax的异步，造成了值传不回来子模块中。请问有人遇到过这样的情况么？怎么解决呢？谢谢！

Answer 1

return 一个 promise 就可以了
例如：

main.js
function ajaxMethod() {
    return ajax({
        url: 'xxx',
        data: xxx
    })
}
component:
ajaxMethod().then((result) => {
    console.log(result)
})

Answer 2

你可以用vue-resource，像我这样。把api单独放在一个文件中，然后加载到Vue中，然后就可以解决你多次写同一个api了