vue初探-AXIOS

1.Objec.assign()
这里写图片描述
这里写图片描述

2.Axios
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
这里写图片描述
从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求
支持 Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换 JSON 数据
客户端支持防御 XSRF
CDN:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

自定义一个路由

axios.interceptors.response.use(function(response) {
    let {config: {method, url, data}} = response

    if (url === '/books/1' && method === 'get') {
      response.data = book
    } else if (url === '/books/1' && method === 'put') {
      data = JSON.parse(data)
      Object.assign(book, data)
      response.data = book
    }
    return response
})

详情见:https://www.kancloud.cn/yunye/axios/234845
自己写的代码:http://jsbin.com/dajuyid/edit?html,js,output
3.vue
1.vue只更新改变的地方其他地方不会发生改变
2.vue是双向绑定的,关联的其中一个改变,另一个也会随之改变(实现了数据与页面的双向绑定)
这里写图片描述
3.vue是一个自动化的mvc(mvvm)
vue参考链接http://jsbin.com/gehomiyeji

http://jsbin.com/wigefuf/edit?html,js,output
元素隐藏http://jsbin.com/munomef/edit?html,js,output

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值