隨著現代化互聯網的發展，用戶在各種網站、應用中的賬號數量日益增多，為了避免記憶繁瑣的賬號密碼，很多網站都提供了token或cookie的方式來實現免密碼登錄，而在Vue中，我們也可以通過簡單的方式來實現這一功能，為用戶帶來更加便利的使用體驗。

在Vue中，我們可以使用localStorage來存儲token或cookie，實現免密碼登錄的功能。首先，我們需要在用戶登錄成功后將token或cookie保存到localStorage中，這樣在下次訪問該網站時，我們就可以從localStorage中獲取存儲的登錄信息，并通過token或cookie來驗證用戶身份，從而達到免密碼登錄的效果。

// 在登錄方法中保存token到localStorage
login() {
// 發送登錄請求
axios.post('login', {
username: this.username,
password: this.password
})
.then(response =>{
// 登錄成功，保存token到localStorage
localStorage.setItem('token', response.data.token)
// 跳轉到首頁
router.push('/')
})
.catch(error =>{
console.log(error)
})
}

上面的代碼展示了如何在登錄方法中保存token到localStorage中，該方法使用了axios來發送登錄請求，并在請求成功后保存服務器返回的token。需要注意的是，在實際開發中，token的生成和保存應該是由服務器端負責，前端應該只需要將token保存到localStorage中即可。

接下來，我們需要在每次訪問需要登錄的頁面時，都檢查一下用戶的登錄狀態。如果用戶已經登錄，則可以直接顯示該頁面；如果用戶沒有登錄，則需要將其重定向到登錄頁面。下面的代碼顯示了如何檢查用戶的登錄狀態：

// 在需要登錄的頁面的鉤子函數中檢查用戶的登錄狀態
mounted() {
// 從localStorage中獲取token
const token = localStorage.getItem('token')
// 如果token存在，則說明用戶已經登錄
if (token) {
// 發送token驗證請求
axios.post('verifyToken', {
token: token
})
.then(response =>{
// 驗證成功，顯示頁面
this.showPage = true
})
.catch(error =>{
// 驗證失敗，重定向到登錄頁面
router.push('/login')
})
} else {
// 如果token不存在，則說明用戶沒有登錄，重定向到登錄頁面
router.push('/login')
}
}

在上面的代碼中，我們首先從localStorage中獲取保存的token，然后發送驗證請求，如果驗證成功，則顯示該頁面，否則重定向到登錄頁面。

需要注意的是，由于localStorage是在瀏覽器端保存的數據，所以可能會受到XSS等攻擊的影響，導致token泄露。為了提高安全性，我們可以考慮使用sessionStorage來保存token。sessionStorage和localStorage的使用方法是一樣的，不同之處在于，sessionStorage保存的數據只在當前會話中有效，一旦關閉該會話，保存的數據就會被清除。

總之，通過使用localStorage或sessionStorage來保存token或cookie，我們可以很方便地實現Vue中的免密碼登錄功能。當然，安全性方面需要進行一些額外的處理，但這并不影響我們在Vue中快速地實現免密碼登錄功能。