第六阶段：大前端进阶||07-Vue详解||P9：Axios异步通信【观看狂神随笔】

• idea设置中查Javascript，改为ES6
  

GitHub
中文文档
在线CDN导入Axios【好处是不用在网上下载了】：

基本流程：

1. 准备或者以及有的json数据
2. 使用mounted()勾子函数，然后里面写对应的方法（ajax,JQuary也可以写到这里面）
3. 使用data(){return{}}固定格式来写json中需要的数据（什么格式就返回什么）

{
  "name": "zhixi的博客",
  "url": "https://www.cnblogs.com/zhangzhixi",
  "page": 1,
  "isNonProfit": true,
  "address": {
    "street": "单台村",
    "city": "河南信阳",
    "country": "中国"
  }
}

测试代码：

    
    


    
    




    
{{info.name}}

说明:

1. 在这里使用了 v-bind 将 a:href 的属性值与 Vue 实例中的数据进行绑定
2. 使用 axios 框架的 get 方法请求 AJAX 并自动将数据封装进了 Vue 实例的数据对象中
3. 我们在data中的数据结构必须要和Ajax响应回来的数据格式匹配！

官方文档