vue實例講解之axios的使用

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

完成以後頁面效果以下：

項目代碼地址：