最近，Vue.js發布了一個新版本，其中引入了一個新的插件——axios。這個插件是用來處理異步請求的，它是一個強大的HTTP客戶端，可以用于瀏覽器和Node.js平臺。

import axios from 'axios'

在Vue.js中使用axios，需要在項目中安裝axios，并import進來。安裝命令如下：

npm install axios –save

安裝完成后，我們就可以在Vue.js的組件中使用axios。在Vue.js中，異步請求通常使用mounted方法或created方法。下面是一個在mounted方法中使用axios的例子：

mounted() {
axios.get('https://jsonplaceholder.typicode.com/posts')
.then(response =>{
console.log(response)
})
.catch(error =>{
console.log(error)
})
}

在這個例子中，我們使用axios發送一個GET請求并獲取一個JSON數據。在獲取數據后，我們使用.then方法來處理數據。如果發生錯誤，我們可以使用.catch方法來處理它。

axios還可以用來發送POST請求，下面是一個例子：

axios.post('https://jsonplaceholder.typicode.com/posts', {
title: 'foo',
body: 'bar',
userId: 1
})
.then(response =>{
console.log(response)
})
.catch(error =>{
console.log(error)
})

在這個例子中，我們使用axios發送一個POST請求，并在數據中包含了一個JSON對象。在服務端接收到請求后，我們可以使用request.body來獲取POST數據。

我們也可以使用axios來發送 PUT、DELETE和其他HTTP請求：

axios.put('https://jsonplaceholder.typicode.com/posts/1', {
title: 'foo',
body: 'bar',
userId: 1
})
.then(response =>{
console.log(response)
})
.catch(error =>{
console.log(error)
})

在這個例子中，我們使用axios發送一個PUT請求，更新了ID為1的數據。

總之，在Vue.js中使用axios，可以使我們輕松地發送HTTP請求。axios的API簡單易用，并且具有良好的跨瀏覽器支持。在接下來的項目中，不妨試試使用axios吧。