vue中用axios写一个简单的网络请求进行数据展示

开始前，假设小伙伴们已用vue-cli撸出了一个空白vue项目，

然后，npm安装axios

npm install axios

接着，在main.js中引入axios,注意要用原型链挂载，不能用Vue.use(Axios);

先来看一下，要请求的json数据。注意，请求拿回的数据是res.data,json中又有一个data数组，所以是res.data.data，例如，title，是that.title = res.data.data.tech[0].title; 而不是that.title = res.data.tech[0].title;

接着，写代码，注意，由于axios里面this不能访问到外面data的变量，所以，要var that = this;然后，用that代替this去访问，来完成赋值。

效果图：