Vue에는 바인드 변수의 여러 값과 변경을 방지하는 방법이 있습니다(자세한 튜토리얼).

이제 Vue의 여러 바인딩 변수 값과 해당 값이 변경되는 것을 방지하는 방법에 대한 기사를 공유하겠습니다. 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다.

1.Object.freeze(obj) 문

obj={ 
 foo:"nan" 
} 
Object.freeze(obj);

이 문을 사용하여 변수를 수정한 후에는 이 변수에 대한 후속 변경 사항이 유효하지 않으며 콘솔에 오류가 보고됩니다.

2.v-once 요소 바인딩

<span>{{msg}}</span>

msg 데이터가 변경되면 스팬의 내용도 즉시 변경되지만

<span v-once>{{msg}}</span>

v-once 바인딩이 추가되면 포함됩니다. 데이터 msg가 범위의 내용을 변경하면 그에 따라 변경되지 않습니다. 하지만 이는 데이터가 변경되는 것을 막는 것이 아니라 변경되지 않도록 html 요소만 바인딩하는 것입니다. 위의 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Vue.js img의 src에 대한 동적 할당 방법

datepicker를 기반으로 자체 각도 시간 구성 요소를 정의하는 예

vue 필터 필터 인스턴스 세부 설명

위 내용은 Vue에는 바인드 변수의 여러 값과 변경을 방지하는 방법이 있습니다(자세한 튜토리얼).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!