javascript - 无法在 vue.js 中使用 ccxt 的 load_markets() 列出市场

Question

我正在一个项目中使用 ccxt。 ccxt 是一个节点模块，允许我获取不同加密货币/市场的实时数据
我想使用此代码从某个交易所提取加密货币对

const ccxt = require('ccxt')
const exchanges = ccxt.exchanges;
async function getMarkets(){
    let acx = new ccxt.acx()
    let markets = await acx.load_markets()
    return markets    
};

我在这个项目中使用 vue.js，我的计划是使用 vue 和 ccxt 列出该交易所的所有市场，我的 vue 模板是这个
<select v-model="selected"> <option v-for="pair in pairs"> {{ pair }} </option> </select>

我的代码的其余部分是从异步函数获取数据，将其绑定(bind)到一个变量，以便我可以将其用作 vue 代码中的数据，然后在模板中使用它

let pairs = getMarkets()
console.log(pairs)


export default {
name: 'pair',
data() {
  return {
    pairs,
    msg: 'Pair',
    selected: ''

  }
 }
}

这是 console.log(pairs) 在控制台中给出的内容
这就是 vue 控制台为我提供的与 Pair 组件相关的内容

现在我认为这应该可行，但由于某种原因列表中没有选项，就像“pairs”本来是空的但事实并非如此，我认为它与异步函数和选项渲染有关在函数等待市场加载之前，但我不确定，而且它已经困扰我好几天了，我知道我的示例不容易在另一台机器上复制，因为我没有提供所有组件的代码，而 ccxt 也没有那个流行的模块。

Answer 1

在 mounted Hook 中，尝试:

mounted() {
   getMarkets().then(markets => this.pairs = markets)
}