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去訪問，來完成賦值。

效果圖：