vue-resource

1.下载 

在 package.json 中配置 dependencies

命令行 下载

$ npm install

或者

$ npm install vue-resource

2.调用 main.js

import VueResource from 'vue-resource'

Vue.use(VueResource)

3.通过 data() 储存数据

 通过 created() 请求数据

通过 this.$http.get 来定义通过vue实例来发送get请求,然后通过then后面的回调函数将请求成功的数据接收,通过状态码来判断是否成功以及复制给vue的数据对象。由于这里是用的mock数据(模拟后台数据),所以用的模拟状态码。

同时,这里省略了errorcallback的定义,正常开发中需要进行定义,甚至可以利用vue-resource的inteceptor进行体验优化,比如定义请求时的loading动画界面。在vue中即可以提取出loading组件。

注:(组件部分)

v-bind 数据绑定 可以简写成 :

通过 props 将数据对象 传给 组件

export default {
  props: {
    seller: {
      type: Object
    }
  }
}

.

原文地址:https://www.cnblogs.com/crazycode2/p/6538542.html