Vue.js: откуда эта информация?

Я следую документации Vue.js и запускаю этот пример.

Итак, вот файл index.html:


    
        
        
        
    
    

        

Bitcoin Price Index

{{ currency.description }}: {{ currency.rate_float | currencydecimal }}

И вот индекс .html :

new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then(response => (this.info = response.data.bpi))
  },

  filters: {
  currencydecimal (value) {
    return value.toFixed(2)
  }
},
})

Выход:

этот пример

(вы можете скопировать вставку вышеуказанного кода здесь]

Вопрос: в index.html я не понимаю, откуда {{ currency.description }}. currency даже не объявлен как в data экземпляра Vue ().

0
задан 13 August 2018 в 16:04

1 ответ

См. это в файле index.html, который имеет v-for. В случае, если он присваивает currency каждый элемент из info. Массив объектов присваивается info в mount

Подробнее о JavaScript для / in Statement здесь

1
ответ дан 15 August 2018 в 17:00

Другие вопросы по тегам:

Похожие вопросы: