Vue의 계산된 속성에 매개변수가 있을 수 있나요?

Vue의 계산된 속성에는 계산 동작을 사용자 정의하고 데이터를 전송하는 데 사용되는 매개 변수가 있을 수 있습니다. 구문은 ComputedPropertyWithArgs(arg1, arg2) { }입니다. 매개 변수는 템플릿에서 사용될 때 전달될 수 있지만 매개 변수는 반응적이어야 합니다. 내부 상태가 수정됩니다.

Vue의 계산 속성에 매개변수가 있을 수 있나요?

답변: 예, Vue의 계산 속성에 매개변수가 있을 수 있습니다.

Details

Vue의 계산 속성은 다른 반응 속성의 값을 기반으로 계산되는 특별한 유형의 반응 속성입니다. 계산된 속성은 일반 메서드와 마찬가지로 매개변수를 가질 수 있습니다. 매개변수는 계산된 속성의 동작을 사용자 정의하거나 다른 구성 요소 또는 저장소에서 데이터를 전달하는 데 사용할 수 있습니다.

Syntax

매개변수가 있는 계산된 속성의 구문은 다음과 같습니다.

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

Usage

매개변수가 있는 계산된 속성은 일반적인 계산된 속성과 마찬가지로 템플릿에서 사용할 수 있습니다. 계산된 속성을 호출할 때 매개변수를 전달할 수 있습니다.

예를 들어 firstName 및 lastName 속성을 ​​함께 연결하는 계산된 속성 fullName이 있다고 가정합니다. 연결 문자열을 사용자 정의하기 위해 매개변수를 사용하여 구분자 문자를 전달할 수 있습니다. 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

그런 다음 템플릿에서 다음을 사용하여 계산된 속성을 호출할 수 있습니다.

rrreee이렇게 하면 firstName 및 lastName 속성의 값이 출력됩니다. code>| 문자로 구분됩니다.

Notes
• 계산된 속성의 매개변수는 반응적이어야 합니다. 즉, 해당 값은 시간이 지남에 따라 변경될 수 있습니다.
• 계산 속성은 읽기 전용이므로 계산 속성의 매개변수를 사용하여 내부 상태를 수정할 수 없습니다.

🎜매개변수 값이 변경되면 계산된 속성이 다시 계산됩니다. 🎜🎜

위 내용은 Vue의 계산된 속성에 매개변수가 있을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!