javascript - 如果一個頁面沒有數據和有數據會顯示不同內容，前端怎麼做呢？

Question

問題一：
例如是訂單頁面，我沒有訂單的時候顯示一個圖片引導用戶去挑心儀的商品，用戶下單付錢後這裡才有內容。

我是在用vue寫頁面，所以我做虛擬的json資料然後測試下有資料和沒資料能不能正常顯示出我想要的頁面。

這樣做對嗎，還是應該怎麼樣？

問題二：
例如是一個登入和登出登錄，這個又怎麼考慮呢？

是自己自學的，這些互動比較多的地方怎麼樣去實現還是很困擾我，求指點點。 。 。

Answer 1

拿到資料data後，判斷下，

if (data.length) {
    // 这里使用数据
}

html裡也是判斷

<p v-if="data.length">展示数据</p>
<p v-else>提示图片信息</p>

Answer 2

1. 例如訂單清單是list，直接透過v-if(list.length)進行判定即可

2. 登入：使用者輸入帳號密碼傳到後端－後端驗證通過後返回token－前端存在本地，每次請求的時候帶上token即可；退出：後端返回退出成功後，前端清除本地存儲的token，並返回登入頁