javascript - ページにデータがない場合とデータがある場合では、異なるコンテンツが表示されます。フロントエンドはどうすればよいですか?

Question

質問 1:
たとえば、これは注文ページです。注文がない場合は、ユーザーが選択した製品を選択できるように画像を表示します。コンテンツは、注文ページの後にのみここに表示されます。ユーザーは注文して支払います。

vueを使ってページを書いているので、仮想的なjsonデータを作り、データの有無に関わらず目的のページが正常に表示されるかテストしています。

これは正しいことなのでしょうか、それともどうすればよいでしょうか?

質問 2:
たとえば、ログインとログアウトの場合、どのように考えればよいでしょうか?

私は独学なのですが、インタラクションが多いこのような場所をどのように実装すればよいのか未だに悩んでいます。アドバイスをお願いします。 。 。

Answer 1

データを取得したら、判断を下します

リーリー

htmlでの判定もあります

リーリー

Answer 2

1. 例えば、順序リストがリストの場合、v-if(list.length)によって直接判断できます

2. ログイン: ユーザーはアカウントとパスワードを入力し、それをバックエンドに送信します。バックエンドは検証に合格した後にトークンを返します。フロントエンドはそれをローカルに保存します。各リクエストとともにトークンを持って終了します。バックエンドは戻ります。終了が成功すると、フロントエンドはローカル ストレージ トークンをクリアし、ログイン ページに戻ります