Я следую документации 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 ().
См. это в файле index.html, который имеет v-for. В случае, если он присваивает currency каждый элемент из info. Массив объектов присваивается info в mount
Подробнее о JavaScript для / in Statement здесь