vue의 데이터가 데이터를 반환하기 위해 return을 사용해야 하는 이유는 무엇입니까?

이유: 반환으로 래핑되지 않은 데이터는 프로젝트에서 전체적으로 표시되므로 다양한 오염이 발생합니다. 반환 래핑을 사용하는 동안 데이터의 변수는 현재 구성 요소에만 적용되며 다른 구성 요소에는 영향을 미치지 않습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

공식:
구성 요소를 정의할 때 구성 요소를 사용하여 여러 인스턴스를 생성할 수 있으므로 데이터를 초기 데이터 개체를 반환하는 함수로 선언해야 합니다. data
가 여전히 순수 객체라면 모든 인스턴스는 동일한 데이터 객체에 대한 참조를 공유할 것입니다! 데이터 함수를 제공하면 새 인스턴스가 생성될 때마다 data
함수를 호출하여 원본 데이터 객체의 새로운 복사본을 반환할 수 있습니다.

프로젝트에서 데이터를 반환하기 위해 데이터가 return을 사용해야 하는 이유는 무엇인가요?

• return으로 래핑되지 않은 데이터는 프로젝트에서 전역적으로 표시되므로 return을 사용한 후 데이터의 변수는 현재 구성 요소에만 적용되며 다른 구성 요소에는 영향을 미치지 않습니다.

  컴포넌트 정의 시 데이터는 초기 데이터 객체를 반환하는 함수로 선언해야 합니다. 컴포넌트를 사용하여 여러 인스턴스를 생성할 수 있기 때문입니다. data
  가 여전히 순수 객체라면 모든 인스턴스는 동일한 데이터 객체에 대한 참조를 공유할 것입니다! 데이터 함수를 제공하면 새 인스턴스가 생성될 때마다 데이터 함수를 호출할 수 있으므로 원본 데이터 객체의 완전히 새로운 복사본을 반환할 수 있습니다.

아날로그 및 참조 데이터 유형. 함수 반환을 사용하지 않으면 각 구성 요소의 데이터는 메모리의 동일한 주소입니다. 하나의 데이터가 변경되면 다른 데이터도 변경됩니다. return 함수를 사용하는 것은 실제로 서로 독립적인 새 변수를 선언하는 것과 동일합니다. 당연히 js가 객체 객체를 할당할 때 동일한 메모리 주소를 직접 사용합니다. 그래서 각 구성 요소의 데이터를 독립적으로 만들기 위해 이 방법을 채택합니다.
컴포넌트가 아닌 경우 일반적인 데이터 쓰기 방법은 객체를 직접 작성할 수 있습니다. 예를 들어 동일한 컴포넌트에 있는 두 계산기는 데이터를 공유합니다: JS에서 객체를 직접 공유하면 참조 전송이 발생합니다. 예를 들어, 더하기 및 빼기 버튼을 클릭하면 모든 num 값이 그에 따라 수정되므로 여기서는 매번 개체 인스턴스를 반환하는 함수를 사용합니다.

【관련 추천: vue.js tutorial】

위 내용은 vue의 데이터가 데이터를 반환하기 위해 return을 사용해야 하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!