javascript - Was soll das Frontend tun, wenn eine Seite keine Daten hat und Daten enthält?

Question

Frage 1:
Wenn ich keine Bestellung habe, zeige ich ein Bild an, um den Benutzer bei der Auswahl seines Lieblingsprodukts zu unterstützen. Der Inhalt wird hier erst angezeigt, nachdem der Benutzer eine Bestellung aufgegeben und bezahlt hat .

Ich verwende Vue zum Schreiben der Seite, also erstelle ich virtuelle JSON-Daten und teste, ob die gewünschte Seite mit oder ohne Daten normal angezeigt werden kann.

Ist das das Richtige oder was soll ich tun?

Frage 2:
Wenn es sich beispielsweise um eine An- und Abmeldung handelt, wie sollten wir das berücksichtigen?

Ich bin Autodidakt. Es stört mich immer noch, wie ich diese Orte mit vielen Interaktionen umsetzen kann. Bitte geben Sie mir einen Rat. . .

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，并返回到登录页