vue初探-AXIOS

1.Objec.assign()2.AxiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF...

wang_liuyong

152人浏览 · 2018-08-26 14:21:42

wang_liuyong · 2018-08-26 14:21:42 发布

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