Vue CLI 是一個基于開源項目 vue-cli 創建的快速開發工具，在開發 Vue.js 應用程序時能夠大大提高開發效率。Vue CLI 支持多種模板以及各種開箱即用的插件，適用于單頁應用、多頁應用以及移動端應用的開發。

Vue 的知名度與日俱增，在許多 Web 項目中，需要通過 get 請求獲取數據渲染頁面。Vue CLI 提供了一種簡單的方式來滿足這種需求。

首先，我們需要通過命令行工具創建一個新的 Vue 項目。

vue create my-project

接下來，進入項目所在的目錄，安裝 Axios 庫。

cd my-project
npm install axios --save

Axios 是一個基于 Promise 的 HTTP 庫，可以發送瀏覽器和 Node.js 中的 HTTP 請求。

在項目的 src 目錄下，創建一個新的文件夾，命名為 services。在其中新建一個名為 api.js 的文件，在其中編寫 get 請求的代碼。

import axios from 'axios';
export function fetchUser() {
return axios.get('/api/user')
.then(response =>{
return response.data;
})
.catch(error =>{
console.log(error);
});
}

在上面的代碼中，我們導入了 Axios 庫，并編寫了一個 fetchUser 函數，該函數將返回 Axios 的 get 請求的 Promise。在 .then 塊中，我們返回 response 的 data 屬性，即我們發送 get 請求獲得的用戶數據。在 .catch 塊中，我們簡單地打印出了錯誤信息。

接下來，在 Vue 組件中引用這個 fetchUser 函數。

<template>
<div>
<p>{{ user.name }}</p>
</div>
</template>
<script>
import { fetchUser } from '../services/api';
export default {
data() {
return {
user: {},
};
},
mounted() {
this.loadUser();
},
methods: {
loadUser() {
fetchUser().then(data =>{
this.user = data;
});
},
},
};
</script>

在上面的代碼塊中，我們在 mounted 鉤子函數中調用了 loadUser 方法，該方法將調用我們在 api.js 中編寫的 fetchUser 函數，并將響應數據存儲在 user 對象中。在模板中，我們展示了 user 對象的 name 屬性。

最后，在開發服務器中運行我們的項目。

npm run serve

現在，我們已經成功地從服務器獲取了數據，并渲染到了我們的組件中。這就是 Vue CLI 中使用 Axios 庫進行 get 請求的簡單用法。