7-8

axios:可以发送跨平台的请求：XHR、HTTP.
安装axios : npm install axios --save
导入 axios
挂载到mouted函数
在mouted函数中发送请求
用json文件模拟后台数据（存放到static目录下，只有该目录下的文件能被外部访问;其余的路径的文件会被定位回首页）

proxyTable可以配置接口地址代理，解决跨域问题

 proxyTable: {
  "/api":{
    target:'http://localhost:8080',
      pathRewrite:{
      '^/api':'/static/mock'
      }
  }
},

7-9

axios接收的res值有两个data键值

this.city中的this 指向本组件
接口取值：
ajax接收的city→父组件Home.vue传给子组件home-header (用city属性接收)→子组件中用props接收后，显示在template模板上

image image image

轮播图获取数据时，解决图片从最后一张开始播放

image