Vue與JWT Token是現在開發Web應用中常用的技術。JWT Token的作用是通過加密的方式在前后端傳送數據，以驗證用戶的身份，從而保護系統的安全。

在Vue中使用JWT Token可以采用axios攔截器，將token加在請求頭中，以實現通過token獲取用戶信息等功能。下面是Vue中使用JWT Token的示例代碼：

//在main.js中引入axios和VueAxios
import axios from 'axios';
import VueAxios from 'vue-axios';
Vue.use(VueAxios, axios);
//設置axios攔截器，將token加在請求頭中
axios.interceptors.request.use(function (config) {
const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
}, function (error) {
return Promise.reject(error);
});

在上述代碼中，使用localStorage獲取token并將其加在請求頭中。這樣，用戶每次訪問需要身份驗證的頁面時，都會攜帶一個加密的token，從而保證了安全性。

需要注意的是，token的時效性是有限的。當token失效時，用戶需要重新登錄以獲取新的token。因此，在Vue中可以設置自動刷新token的功能，以提高用戶體驗。示例代碼如下：

//在main.js中設置自動刷新token的函數
setInterval(function () {
let refresh_token = localStorage.getItem('refresh_token');
if (refresh_token) {
axios.post('/api/refresh_token', {
'refresh_token': refresh_token
}).then((response) =>{
localStorage.setItem('token', response.data.token);
});
}
}, 60 * 60 * 1000);

在上述代碼中，使用setInterval函數每個小時檢查一次是否需要刷新token。如果需要刷新，則向服務器發送一個請求，并將新的token存儲在localStorage中。

總之，在Vue編寫中使用JWT Token可以提高Web應用的安全性，并且有利于用戶體驗的提升。需要開發者注意保持token的時效性，以及設置自動刷新token的功能。