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

Probleme und Lösungen beim Verbinden des Knotens mit der MySQL-Datenbank

Ich habe heute eine neue Version von MySQL (8.0.2...

So kennzeichnen Sie die Quelle und Herkunft von CSS3-Zitaten

Wegen der Epidemie werde ich zu Hause fast schimm...

Detaillierte Erklärung der Lösung für das Nginx-Panikproblem

In Bezug auf das Nginx-Panikproblem müssen wir zu...

Detaillierte Erläuterung des Mysql Self-Join-Abfragebeispiels

Dieser Artikel beschreibt die Mysql-Self-Join-Abf...

Beispielcode zur Implementierung sechseckiger Rahmen mit CSS3

Die äußerste BoxF dreht sich um 120 Grad, die zwe...

MySQL-Beispielcode für die Addition und Subtraktion von Datum und Uhrzeit

Inhaltsverzeichnis 1.MySQL addiert oder subtrahie...

JavaScript zum Erzielen eines einfachen Drag-Effekts

In diesem Artikel wird der spezifische JavaScript...

Eine kurze Diskussion über Makrotasks und Mikrotasks in js

Inhaltsverzeichnis 1. Über JavaScript 2. JavaScri...

Vant+postcss-pxtorem implementiert Browser-Anpassungsfunktion

Rem-Layout-Anpassung Die Stile in Vant verwenden ...

So verwenden Sie Homebrew unter Linux richtig

Viele Leute verwenden Linux Homebrew. Hier sind d...

Konkretes Beispiel einer MySQL-Mehrtabellenabfrage

1. Verwenden Sie die SELECT-Klausel, um mehrere T...