Здравствуйте! Я новичок в программировании. Пытаюсь подгрузить в компонент данные из JSON файла, чтобы получился список. Читаю документацию и недоумеваю.
(Пытаюсь вот этот метод из руководства использовать:
export default {
async data ({ params }) { // Что это за params и зачем тут получать id?
let { data } = await axios.get(`https://my-api/posts/${params.id}`)
return { title: data.title }
}
}
А это мой код в Nuxt.js компоненте.
<li class="item" v-for="post in posts" v-bind:key="post.id">
<nuxt-link active-class="is-active" :to="'/'+ post.title">
{{post.id + 1}}. {{post.title}}
</nuxt-link>
</li>
import axios from "axios";
export default {
async data () {
let { data } = await axios.get(`http://jsonplaceholder.typicode.com/posts/`)
return { posts: data } // Получаю: property post is not defined
}
}
Возможно, тут все явно, но я даже пока ES6 не особо понимаю. Объясните языком для "чайников", пожалуйста.
