在前后端分離的應用中，前端通常會使用 JWT（JSON Web Token）來進行身份驗證和授權。使用 Vue 開發 web 應用時，我們也常常需要對 JWT 進行解析和處理。

JWT 是一個包含了用戶身份信息和權限信息的 JSON 對象，它包含了三個部分：header、payload 和 signature。header 包含了 JWT 的類型、簽名算法等信息；payload 包含了用戶的身份信息和權限等數據；signature 則是對 header 和 payload 進行簽名得到的字符串。具體的 JWT 結構可以參考以下代碼：

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.
SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c

想要對 JWT 進行解析，我們可以使用如下的代碼：

import jwtDecode from 'jwt-decode'
const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c'
const decoded = jwtDecode(token)
console.log(decoded)

在上面的代碼中，我們使用了 jwt-decode 庫對 JWT 進行了解碼。解碼后，我們可以在控制臺中看到解析出的對象，其中包含了 JWT 中存儲的用戶身份信息和權限等數據。

在 Vue 應用中使用 JWT 進行用戶登錄后，我們可以將 JWT 存儲在本地存儲中，在其他頁面中可以通過解析 JWT 來獲取用戶身份信息和權限數據，從而實現權限控制和用戶信息展示等功能。