javascript / beginner
Snippet
Bedingtes Rendering mit v-if
Die v-if-Direktive wird verwendet, um einen Codeblock bedingt zu rendern. Der Block wird nur gerendert, wenn der Ausdruck einen wahrheitsgetreuen Wert zurückgibt. v-else bietet einen Rückfallwert, wenn die Bedingung falsch ist.
snippet.js
javascript
1
2
3
4
5
6
<template><div><p v-if="isLoggedIn">Welcome back, User!</p><p v-else>Please log in to continue.</p></div></template>
vue
Erklärung
1
v-if="isLoggedIn"
Prüft die Variable isLoggedIn; wenn wahr, wird dieser Absatz zum DOM hinzugefügt.
2
v-else
Fungiert als 'else'-Block für das vorhergehende v-if und rendert, wenn die Bedingung nicht erfüllt ist.