[Vue] 컴포넌트 사용하기 - data 속성이 함수인 이유


[Vue] 컴포넌트 사용하기 - data 속성이 함수인 이유

우리는 컴포넌트를 만들 때 data를 함수로 만들고 함수에서 특정한 객체 데이터를 리턴하여 data에 할당했다. Vue 생성자에 사용할 수 있는 대부분의 옵션은 컴포넌트에서 사용할 수 있습니다. 한가지 특별한 경우가 있습니다. data 는 함수여야 합니다. 출처: <https://kr.vuejs.org/v2/guide/components.html#data-%EB%8A%94-%EB%B0%98%EB%93%9C%EC%8B%9C-%ED%95%A8%EC%88%98%EC%97%AC%EC%95%BC%ED%95%A9%EB%8B%88%EB%8B%A4> 컴포넌트는 재사용을 목적으로 한다. 재사용한다는 것은 컴포넌트가 여러 번 사용된다는 것이다. 만약 데이터 부분에 함수가 아닌 객체 데이터를 그대로 할당하게 된다면 객체 데이터는 불변성을 가진 원시데이터(String, number, undefined, boolean, null 등)가 아닌 참조 상태가 발생하게 되고 여러 컴포넌트에서 하나의 객체 데이터를...


#data #컴포넌트 #자바스크립트 #속성 #뷰 #데이타 #객체 #vue #uvejs #javascript #함수

원문링크 : [Vue] 컴포넌트 사용하기 - data 속성이 함수인 이유