本篇來講解一下axios插件的使用，axios是用來做數據交互的插件。
這篇將基於vue實例講解之vue-router的使用這個項目的源碼進行拓展。
axios的使用步驟：
1.安裝axios npm install axios --save-dev
2.頁面中引入axios import axios from 'axios'
3.為了方便使用我們將axios掛到vue.prototype.$http這個原型上
Vue.prototype.$http = axios
4.在頁面中直接調用axios的相關方法
基礎步驟理清楚之后，下面開始項目：
在項目的static目錄下建立一個data文件，里面建立一個article.dada文件來存放模擬的數據。
結構如下：
然后在入口文件main.js import axios
代碼如下：
接着在news.vue組件里面使用axios，以下是核心代碼。
完成之后頁面效果如下：
項目代碼地址：