老杜Vue实战教程完整版笔记（四）Vue与AJAX

接上篇文章，分享动力节点老杜全新版Vue教程笔记

学习の地止：https://www.bilibili.com/video/BV17h41137i4

4 Vue与AJAX

4.1 回顾发送AJAX异步请求的方式

发送AJAX异步请求的常见方式包括：

1. 原生方式，使用浏览器内置的JS对象XMLHttpRequest
   1. const xhr = new XMLHttpRequest()
   2. xhr.onreadystatechange = function(){}
   3. xhr.open()
   4. xhr.send()
2. 原生方式，使用浏览器内置的JS函数fetch
   1. fetch(‘url’, {method : ‘GET’}).then().then()
3. 第三方库方式，JS库jQuery（对XMLHttpRequest进行的封装）
   1. $.get()
   2. $.post()
4. 第三方库方式，基于Promise的HTTP库：axios （对XMLHttpRequest进行的封装）
   1. axios.get().then()

axios是Vue官方推荐使用的。

4.2 回顾AJAX跨域

1. 什么是跨域访问？
   1. 在a页面中想获取b页面中的资源，如果a页面和b页面所处的协议、域名、端口不同（只要有一个不同），所进行的访问行动都是跨域的。
   2. 哪些跨域行为是允许的？
      1. 直接在浏览器地址栏上输入地址进行访问
      2. 超链接
      3.