Vue.js TypeError: Сообщение не может прочитать свойство 'singlePost' неопределенного

Question

У меня есть блог в vue.js. Я хочу просмотреть каждый пост отдельно.Я делаю это>

export default{
  name: 'post',
  props:['id'],
  data(){
    return {
      singlePost: { }
    }
  },
  created() {
    BlogPostsApi.getPost(this.id)
      .then(response => {
        console.log(response)
        this.singlePost = response.data
      })
  }

в blogPosts.js У меня есть этот код>

import axios from'axios';
export default{
  getPost (id) {
    return axios.get('http://localhost:8000/api/posts/ddc/' + id)
      .then(response => {
        debugger
        return response.data
      })
  }
}

Когда я отлаживаю, я получаю эту ошибку Сообщение Не удается прочитать свойство 'singlePost' из неопределенного

Answer 1

 created() {
var self = this
    BlogPostsApi.getPost(this.id)
      .then(response => {
        console.log(response)
        self.singlePost = response.data
      })
  }

Проблема решена