Как я могу преобразовать этот скрипт Nuxt в совместимый с Vue?
<script>
export default {
components: {
FeaturedProduct
},
async asyncData({ $axios }) {
try {
let response = await $axios.$get(
'http://localhost:5000/api/products'
)
console.info(response)
return {
products: response.products
}
} catch (error) {}
}
}
</script>
Как я могу сделать это в Vue? Если я удалю $
, это выдаст мне сообщение об ошибке
axios not defined
Это будет синтаксис в Vue (при условии, что вы установили axios для Vue)
<script>
export default {
async created() {
try {
let response = await this.axios(
'http://localhost:5000/api/products'
)
console.info(response)
this.products = response.data.products
} catch (error) {}
}
}
</script>
Рабочий пример можно найти здесь: https://github.com/kissu/vue2-axios/blob/master/src/App.vue