Cannot read property ‘xxx’ of undefined

其他网址

vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘post’ of un - Programmer Sought

src/components/Blog.js：

//...
export default {
  data () {
    return {
      blog: {}
    }
  },
  mounted() {
    this.$http.get('http://siwei.me/api/interface/blogs/show?id='+this.$route.query.id).then((response) => {
      this.blog = response.body.result
    }, (response) => {
      console.error(response)
    });
  }
}
//...

src/routers/index.js

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
import HelloWorld from '@/components/HelloWorld'
import Blog from '@/components/Blog'
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },{
      path: '/blog',
      name: 'blog',
      component: Blog
    }
  ]
})

浏览器报错信息

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaXlpbmcwY2FuZ2xhbmc_size_16_color_FFFFFF_t_70

原因：没有引入Vue.$http.get所需的包

解决方法：在 index.js中引入vue-resource包并使用

import Vue from 'vue'
import Router from 'vue-router'
import vueRsource from 'vue-resource'
Vue.use(vueRsource);
Vue.use(Router)
import HelloWorld from '@/components/HelloWorld'
import SayHi from '@/components/sayHi'
import Blog from '@/components/Blog'
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },{
      path: '/blog',
      name: 'blog',
      component: Blog
    }
  ]
})