zoukankan      html  css  js  c++  java
  • 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
        }
      }
    }

    .

  • 相关阅读:
    [bzoj1263]整数划分
    [bzoj3171]循环格
    [bzoj3551]Peaks加强版
    [bzoj3307]雨天的尾巴
    [bzoj2756]奇怪的游戏
    [bzoj4025]二分图
    人比人该死啊
    数据挖掘十大经典算法[0]-K-Means算法
    ISODATA算法
    CodeForces Round 197 Div2
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6538542.html
Copyright © 2011-2022 走看看