Vue.js 是一款流行的 JavaScript 框架，可以用于開發單頁應用程序。在許多應用中，用戶需要通過使用 Azure Active Directory (AAD) 進行身份驗證。Vue.js 可以與 AAD 進行集成，在用戶登錄或注銷時自動處理新的令牌。

要使用 AAD 進行身份驗證，您需要先為網站或應用程序注冊 Azure Active Directory 應用程序。注冊后，您可以在 Vue.js 代碼中使用 Azure AD 庫來請求令牌，并使用該令牌執行 API 調用或其他操作。

import * as Msal from "@azure/msal-browser";
// 創建 MsalApplicationConfiguration 對象
const msalConfig = {
auth: {
clientId: "YOUR_CLIENT_ID",
authority: "https://login.microsoftonline.com/YOUR_TENANT_ID"
}
};
// 創建 MsalUserAgentApplication 對象
const msalInstance = new Msal.UserAgentApplication(msalConfig);
// 定義登錄函數
async function login() {
// 調用loginRedirect方法以在新窗口中打開登錄框。
await msalInstance.loginRedirect({
scopes: ["user.read"]
});
}
// 定義注銷函數
function logout() {
// 從當前用戶會話中清除所有令牌。
msalInstance.logout();
}

以上代碼示例展示了使用 Azure AD 庫進行 AAD 登錄的基本過程。在 Vue.js 應用中，您可以將這些函數添加到適當的組件中，并在模板中使用它們來啟用登錄和注銷操作。

在 Vue.js 應用程序中使用 Azure AD 進行身份驗證可以為您的用戶提供更安全和簡單的身份驗證體驗。通過使用 Azure AD 庫和 Vue.js，您可以輕松地將 AAD 登錄集成到您的應用程序中，并為您的用戶提供高度安全和可信賴的身份驗證機制。