Vue.js TypeError：消息无法读取未定义的属性“ singlePost”

Question

I have blog in vue.js I want to preview each post separately. I do this>

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

in blogPosts.js i have this code>

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

When i'm debugging i get this error Message Cannot read property 'singlePost' of undefined

Answer 1

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

The problem is solved