axios是一個基于Promise的HTTP客戶端，可以在瀏覽器和Node.js中使用。它的特點是簡單易用、支持攔截請求和響應、可以轉換請求和響應數據、自動轉換JSON數據等。

在Vue中，我們可以使用axios模塊進行數據請求的發送和接收。通常，我們會在封裝一個http.js的工具類文件，作為基礎請求函數的統一出口。下面是http.js的一個簡單示例：

import axios from 'axios'
const http = axios.create({
baseURL: '/api', // 后端服務的地址
timeout: 5000 // 請求超時時間
})
// 請求攔截器
http.interceptors.request.use(config =>{
// 對請求進行一些處理
return config
}, error =>{
return Promise.reject(error)
})
// 響應攔截器
http.interceptors.response.use(response =>{
// 對響應進行一些處理
return response.data
}, error =>{
return Promise.reject(error)
})
export default http

在上面的代碼中，我們使用了axios.create()創建了一個axios實例，并通過interceptors攔截器對請求進行了處理，可以在請求前或響應后執行一些通用操作。例如，在請求前可以加入全局的token驗證，而在響應后可以對請求錯誤做一些全局提示。

接著，我們可以在Vue組件中引用http.js，并使用其中的方法發送請求，例如：

import http from '@/utils/http'
export default {
data() {
return {
list: []
}
},
methods: {
fetchData() {
http.get('/list').then(res =>{
this.list = res
}).catch(err =>{
console.log(err)
})
}
},
created() {
this.fetchData()
}
}

在上面的示例中，我們在created生命周期中調用了fetchData()函數，該函數使用了http.get()方法向后端發送了一個get請求，獲取了數據，并將結果賦值給了list數組。

通過這種方式，我們可以快速方便地使用axios和JSON數據進行前后端的數據交互。同時，基于此，我們也可以進一步封裝一些通用的API請求方法，避免重復代碼。總的來說，axios和JSON在Vue開發中扮演了非常重要的角色。