在Web開發中，Vue是一種流行的前端框架，我們通常使用Vue來構建前端UI界面。但是，Vue本身并不能直接向服務器發送請求，獲取數據。為了實現一個完整的Web應用程序，我們需要借助Servlet技術來處理請求，返回數據。

Vue可以通過在組件中使用Axios來發起異步請求。Axios是一個非常流行的JavaScript庫，它提供了一種簡單、易用的方式來發送HTTP請求。例如，在Vue中使用Axios發起GET請求的示例代碼如下：

axios.get('/api/userinfo')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

在以上代碼中，我們使用Axios的get方法發送一個GET請求到服務器上指定的URL（這里是/api/userinfo）。發送請求后，我們可以通過then方法來處理服務器返回的響應。如果請求出現了錯誤，我們可以通過catch方法來處理錯誤。

在Servlet中，我們可以使用Java Servlet API來處理HTTP請求。例如，下面是一個簡單的Servlet示例代碼，用于處理Vue中發送的GET請求：

@WebServlet("/api/userinfo")
public class UserInfoServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 獲取請求參數
String username = request.getParameter("username");
// 處理業務邏輯，返回數據
String responseData = "{\"name\":\"Tom\",\"age\":18}";
response.setContentType("application/json");
response.getWriter().write(responseData);
}
}

在以上代碼中，我們使用@WebServlet注解標注了該Servlet的URL路徑為/api/userinfo。當Vue通過Axios發送GET請求到該URL時，Servlet就會在doGet方法中接收請求，解析請求參數，并處理業務邏輯，最后返回數據給Vue。

除了接收參數和返回數據外，Servlet還可以執行許多其他功能，例如訪問數據庫、處理文件、發送電子郵件等。下面是一個使用Servlet訪問數據庫的示例：

@WebServlet("/api/userlist")
public class UserListServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 訪問數據庫，查詢用戶列表
ListuserList = DBUtils.queryUserList();
// 將查詢結果轉換為JSON格式
String responseData = JSON.toJSONString(userList);
response.setContentType("application/json");
response.getWriter().write(responseData);
}
}

在以上代碼中，我們使用DBUtils.queryUserList方法從數據庫中查詢用戶列表，然后將查詢結果轉換為JSON格式，并返回給Vue。這樣，我們就可以在Vue中使用Axios來訪問Servlet接口，獲取數據并渲染到頁面上了。