v-if, v-else-if, v-else ב-Vue (3)

צדיק תמים

טוב, אז אחרי כל הדיבורים וההצהרות , התחלתי Vue 3. [למה 3? כי מצאתי לזה קורס טוב ]
אני לא מכיר את 2, וממילא אני לא יוכל לדעת בכל שאלה האם היא נוגעת רק ל3 או גם ל2...

ב-v-if, v-else-if, v-else;
מה התפקיד של v-else-if? המקבילה לכאורה בJS נייטיב זה:

const a = 111;
if (a < 1) {
    console.log("1<<");
} else if (a > 2 && a < 100) {
    console.log("10>>");
} else {
    console.log("hover!");
}

אבל מה זה שייך פה, שזה נקבע לפי המידע שמוגדר בדאטה של האובייקט של Vue? ולא לפי תנאים שמוכנסים אליו ושם החישוב. החישוב אמור להתבצע באובייקט של הVue...

OdedDvir

@צדיק-תמים לעניות דעתי כל היעוד של v-else-if (בדומה ל elseif הקיים בשפות אחרות), הוא לייפות את הקוד, ולחסוך הזחה מיותרת. ,תשווה בין:

<div v-if="type === 'A'">
  A
</div>
<div v-else-if="type === 'B'">
  B
</div>

לעומת:

<div v-if="type === 'A'">
  A
</div>
<div v-else>
   <div v-if="type === 'B'">
     B
   </div>
</div>

תחומים - פורום חרדי מקצועי

v-if, v-else-if, v-else ב-Vue (3)