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了