Vue.js 是一個 JavaScript 框架，它的主要目的是為了構建交互式的應用程序界面。而 Axios 是一個基于 Promise 的 HTTP 客戶端，可以用于瀏覽器和 Node.js 平臺中進行 HTTP 請求。
在 Vue.js 中使用 Axios 簡單易用。我們可以使用 Axios 的 Promise API 發送 Ajax 請求并將數據返回給視圖。
下面是一個簡單的 Vue.js Axios 示例，我們使用 Axios 發送 GET 請求獲取一個 JSON 文件的數據并展示在頁面上：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue Axios Demo</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
<ul>
<li v-for="item in items">{{ item.name }} - {{ item.age }}</li>
</ul>
</div>
<script>
new Vue({
el: '#app',
data: {
items: []
},
mounted: function () {
var self = this;
axios.get('data.json')
.then(function (response) {
self.items = response.data;
})
.catch(function (error) {
console.log(error);
});
}
});
</script>
</body>
</html>在這個示例中，我們在使用 Vue.js 的時候同時引入了 Axios，并使用 Axios 的 Promise API 發送一個 GET 請求來獲取 data.json 文件的數據。在獲取到數據之后，我們將它賦值給 Vue.js 的 data 對象中的 items 屬性，然后使用 v-for 指令將其展示在頁面上。
以上就是一個簡單的 Vue.js Axios 示例，通過這個示例，我們可以看到使用 Axios 發送 Ajax 請求是非常容易的。同時， Axios 也有豐富的配置和攔截器等功能，使我們能夠更好的管理和控制 HTTP 請求。