老杜2023最新Vue实战精讲（四）Vue与AJAX

动力节点老杜全新版Vue教程笔记分享给大家

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

• 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。
• 视频中会把每一个Vue的知识点讲解的非常通透，不但举例告诉你怎么用，还会告诉你底层实现原理。
• 例如：Vue的数据代理机制底层实现原理是什么？本套视频中会从零手写一个Vue的数据代理机制，都是源码级的讲解。

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.