axios 请求数据，以及和ajax的区别

相同点：
axios 和 ajax 都是用于请求数据渲染页面

不同点：
（1）ajax 实现了网页的局部数据刷新；axios实现了对ajax的封装，使用了promise模式，使用then链，来处理JS异步编程

在vue项目中，使用axios来获取本地数据：

上面8个图标文字，存储在本地数据中，用axios来获取

（1）打开项目终端，下载axios
npm install axios --save

（2）在vue项目入口文件main.js中，引入axios

//引入axios
import axios from 'axios'
Vue.prototype.$http = axios

（3）static静态资源目录里，新建一个mock目录，mock目录里再新建一个 data.json 文件，data.js里存储的是页面需要的那8个数据

（4）在相应的页面组件，使用axios获取数据

this.$http.get("http://localhost:8080/static/mock/data.json").then((res) => {
    // console.log(res);
    const data = res.data.data[0];
    this.sceneryList = data.sceneryList;
})