Warum müssen Daten in Vue Return verwenden, um Daten zurückzugeben?

Grund: Daten, die nicht mit „Return“ umschlossen sind, sind im Projekt global sichtbar, was zu einer Variablenverunreinigung führt. Bei der Verwendung von „Return Wrapping“ werden die Variablen in den Daten nur in der aktuellen Komponente wirksam und wirken sich nicht auf andere Komponenten aus.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Offiziell:
Wenn eine Komponente definiert ist, müssen Daten als Funktion deklariert werden, die ein anfängliches Datenobjekt zurückgibt, da die Komponente zum Erstellen mehrerer Instanzen verwendet werden kann. Wenn Daten
immer noch ein reines Objekt wären, würden alle Instanzen einen Verweis auf dasselbe Datenobjekt teilen! Durch die Bereitstellung einer Datenfunktion können wir die Datenfunktion jedes Mal aufrufen, wenn eine neue Instanz erstellt wird, und so eine neue Kopie des ursprünglichen Datenobjekts zurückgeben.

Warum müssen Daten die Rückgabe verwenden, um Daten im Projekt zurückzugeben?

• Daten, die nicht mit Rückgabe umschlossen sind, sind im Projekt global sichtbar und verursachen eine variable Verschmutzung. Nach Verwendung der Rückgabe werden die Variablen in den Daten nur in der aktuellen Komponente wirksam und wirken sich nicht auf andere Komponenten aus.
  Wenn eine Komponente definiert ist, müssen Daten als Funktion deklariert werden, die ein anfängliches Datenobjekt zurückgibt, da die Komponente zum Erstellen mehrerer Instanzen verwendet werden kann. Wenn Daten

  immer noch ein reines Objekt wären, würden alle Instanzen einen Verweis auf dasselbe Datenobjekt teilen! Durch die Bereitstellung einer Datenfunktion können wir die Datenfunktion jedes Mal aufrufen, wenn eine neue Instanz erstellt wird, und so eine völlig neue Kopie des ursprünglichen Datenobjekts zurückgeben.
  

Analog- und Referenzdatentypen. Wenn die Funktion return nicht verwendet wird, haben die Daten jeder Komponente dieselbe Adresse im Speicher. Wenn sich ein Datenwert ändert, ändern sich auch die anderen Daten. Die Verwendung der Funktionsrückgabe entspricht tatsächlich der Deklaration neuer Variablen, die unabhängig voneinander sind. Wenn js das Objektobjekt zuweist, wird es direkt dieselbe Speicheradresse verwenden. Um die Daten jeder Komponente unabhängig zu machen, wird diese Methode angewendet.

Wenn es sich nicht um eine Komponente handelt, kann die normale Datenschreibmethode ein Objekt direkt schreiben. Beispielsweise können zwei Rechner in derselben Komponente Daten gemeinsam nutzen: {num: 0} Die direkte gemeinsame Nutzung von Objekten in JS führt zu einer Referenzübertragung Wenn Sie beispielsweise auf die Schaltflächen „Addieren“ und „Subtrahieren“ klicken, werden alle Num-Werte entsprechend geändert. Daher wird hier die Funktion verwendet, um jedes Mal eine Objektinstanz zurückzugeben.

【Verwandte Empfehlungen:

vue.js Tutorial】

Das obige ist der detaillierte Inhalt vonWarum müssen Daten in Vue Return verwenden, um Daten zurückzugeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!