Attribute im Vue V-For-Loop-Objekt

Attribute im Vue V-For-Loop-Objekt

1. Werte innerhalb von Schleifenobjekten

<Text>



    <div id="app">

        <!--Werte innerhalb des Loop-Objekts-->

        <ul>

            <li v-for="Artikel in pro">

                {{Artikel}}

            </li>

        </ul>

    </div>



    <script src="./js/vue.js"></script>

    <Skript>



        lass vm = neues Vue({

            el:'#app',

            Daten:{

                pro:

                    Ich würde: 1,

                    Name: „Xiaoming“,

                    Alter:19,

                    Geschlecht: „männlich“

                }

            }

        })

    </Skript>

2. Objektschleife

3. Schleifen von Schlüsseln und Werten

<!-- Schleife über Schlüssel und Werte -->

        <ul>

                    <!-- Wertschlüssel-->

            <li v-for="(Wert,Schlüssel) in pro">

                {{Wert}}---{{Schlüssel}}

            </li>

        </ul>

Dies ist das Ende dieses Artikels über die Eigenschaften v-for Loop-Objekts in vue . Weitere relevante Inhalte zu den Eigenschaften v-for Loop-Objekts finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • So verwenden Sie eine v-for-Schleife zum Generieren dynamischer Tags in Vue.js
  • 7 Möglichkeiten zum Schreiben einer Vue v-for-Schleife
  • Implementierung einer zirkulären Scroll-Listenfunktion basierend auf Vue
  • Detaillierte Erklärung des Loop-Formularelementbeispiels in Vue
  • Ein Beispiel für die Implementierung einer einfachen Endlosschleifen-Scrolling-Animation in Vue
  • Dieser Artikel zeigt Ihnen den Event-Loop-Mechanismus von vue.js

<<:  So verwenden Sie Übersetzung und Übergang in CSS3

>>:  Was ist das Basis-Tag und was macht es?

Artikel empfehlen

Vue3 + el-table realisiert Zeilen- und Spaltenkonvertierung

Inhaltsverzeichnis Zeilen-Spalten-Konvertierung A...

Analyse der Anweisungsausführungsreihenfolge von SQL und MySQL

Ich bin heute auf ein Problem gestoßen: Kann ich ...

So lösen Sie das Problem der hohen Parallelität in der MySQL-Datenbank

Vorwort Wir alle wissen, dass Startups zunächst m...

Detaillierte Erklärung inkompatibler Änderungen von Komponenten in vue3

Inhaltsverzeichnis Funktionale Komponenten So sch...

Detaillierte Erklärung der Verwendung von Reduce Fold Unfold in JS

Inhaltsverzeichnis falten (reduzieren) Verwenden ...

Einführung in verschiedene Möglichkeiten zur Einführung von CSS in HTML

Inhaltsverzeichnis 1. CSS-Stile direkt in HTML-Ta...

Unterschiede zwischen ES6-Vererbung und ES5-Vererbung in js

Inhaltsverzeichnis Nachlass ES5-Prototypvererbung...

Einführung in die Verschlüsselung des Grub-Boot-Programms in Linux

Inhaltsverzeichnis 1. Was ist Grub-Verschlüsselun...

Grundlegendes zum MySQL-Abfrageoptimierungsprozess

Inhaltsverzeichnis Parser und Präprozessoren Abfr...

CSS erzielt den Effekt der Vermischung zweier Elemente (Sticky-Effekt)

Ich erinnere mich, dass es vor ein paar Jahren in...

Mit CSS3 wird ein Kegelschnitt-Gradienteneffekt erzielt

Grammatik: Hintergrundbild: Kegelschnitt-Farbverl...

Alibaba Cloud Centos7 Installation und Konfiguration von SVN

1. SVN-Server installieren yum installiere Subver...

Installations- und Verwendungsschritte für vue-amap

Ich habe zuvor die Verwendung des asynchronen Lad...

So verwenden Sie & und nohup im Hintergrund von Linux

Wenn wir in einem Terminal oder einer Konsole arb...