Können berechnete Eigenschaften in Vue Parameter haben?

Berechnete Eigenschaften in Vue können Parameter haben, die zum Anpassen des Berechnungsverhaltens und zum Übertragen von Daten verwendet werden. Die Syntax lautet „computedPropertyWithArgs(arg1, arg2) {}“. Parameter können bei Verwendung in Vorlagen übergeben werden, die Parameter müssen jedoch responsiv sein und dürfen nicht interner Zustand geändert werden.

Können berechnete Eigenschaften in Vue Parameter haben?

Antwort: Ja, berechnete Eigenschaften in Vue können Parameter haben.

Details

Berechnete Eigenschaften in Vue sind eine besondere Art reaktiver Eigenschaften, die auf der Grundlage der Werte anderer reaktiver Eigenschaften berechnet werden. Berechnete Eigenschaften können wie gewöhnliche Methoden Parameter haben. Parameter können verwendet werden, um das Verhalten berechneter Eigenschaften anzupassen oder um Daten von anderen Komponenten oder Speichern zu übergeben.

Syntax

Die Syntax für eine berechnete Eigenschaft mit Parametern lautet wie folgt:

<code class="javascript">computed: {
  computedPropertyWithArgs(arg1, arg2) {
    // 计算逻辑
  }
}</code>

Verwendung

Berechnete Eigenschaften mit Parametern können in Vorlagen genau wie normale berechnete Eigenschaften verwendet werden. Beim Aufruf einer berechneten Eigenschaft können Parameter übergeben werden.

Angenommen, wir haben eine berechnete Eigenschaft fullName, die die Eigenschaften firstName und lastName miteinander verkettet. Wir können Trennzeichen mithilfe von Parametern übergeben, um die Verbindungszeichenfolge anzupassen. fullName，它将 firstName 和 lastName 属性连接在一起。我们可以使用参数来传递 separator 字符，以自定义连接字符串。

<code class="javascript">computed: {
  fullName(separator = ' ') {
    return this.firstName + separator + this.lastName;
  }
}</code>

然后，在模板中，我们可以使用以下方式调用计算属性：

<code class="html"><p>全名：{{ fullName(' | ') }}</p></code>

这将输出 firstName 和 lastName 属性的值，用 |rrreee

rrreeeDadurch werden die Werte der Eigenschaften firstName und lastName mit |. Zeichen getrennt.

Hinweise
• Parameter für berechnete Eigenschaften sollten reaktiv sein, was bedeutet, dass sich ihre Werte im Laufe der Zeit ändern können.
• Parameter berechneter Eigenschaften können nicht zum Ändern des internen Status verwendet werden, da berechnete Eigenschaften schreibgeschützt sind.

Das obige ist der detaillierte Inhalt vonKönnen berechnete Eigenschaften in Vue Parameter haben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!