动力节点老杜Vue框架教程【四】Vue与AJAX

Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架

Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能

动力节点老杜的Vue2+3全家桶教程已经上线咯！

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

视频将从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。

每一个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. 
   
4.