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

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

亚连
亚连원래의
2018-06-02 11:57:152655검색

이제 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.