本篇來講解一下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，以下是核心代碼。

完成之後頁面效果如下：

項目代碼地址：

vue實例講解之axios的使用