Vue에서 딥 카피를 처리하는 방법

亚连
풀어 주다: 2018-06-08 18:24:50
원래의
2173명이 탐색했습니다.

이 글은 Vue deep copy에 대한 관련 정보를 주로 소개하고 있어 매우 좋고 참고할만한 가치가 있습니다. 필요하신 분들은 참고하시면 됩니다.

Object.sign() 메소드를 사용하여 값을 할당합니다. 하나 이상의 열거 가능한 모든 속성 소스 객체가 대상 객체에 복사됩니다. 대상 객체를 반환합니다.

const object1 = {
a: 1,
b: 2,
c: 3
};
const object2 = Object.assign({}, object1);
console.log(object2.c);
// expected output: 3
로그인 후 복사

또는 추상 모델에 두 가지 측면이 있고 그 중 하나가 다른 측면에 종속되는 경우

obj=JSON.parse(JSON.stringify(this.templateData)); //this.templateData是父组件传递的对象
로그인 후 복사

Applicability

를 사용하세요. 두 개를 독립된 객체로 캡슐화하면 독립적으로 변경하고 재사용할 수 있습니다.

한 객체가 변경되면 다른 객체도 동시에 변경해야 하지만 얼마나 많은 객체를 변경해야 하는지 알 수 없습니다.

객체가 하나일 때 다른 개체에게 알려야 하지만 특정 개체가 누구인지는 알 수 없습니다. 즉, 이러한 개체가 긴밀하게 결합되는 것을 원하지 않습니다.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue.js2.0을 클릭하여 자신만의 속성을 얻는 방법

vue.js에서 수정자 .self를 사용하는 방법은 무엇입니까?

vue.js에서 this.$emit을 사용하는 방법을 자세히 설명하세요

vue에서 비밀번호 표시-숨기기 전환 기능을 구현하는 방법

상위 구성 요소를 사용하여 하위 구성 요소 이벤트를 호출하는 방법 Vue

$http를 사용하여angularjs에서 Excel 파일의 비동기 업로드 구현

위 내용은 Vue에서 딥 카피를 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿