Vue - non-props

컴포넌트 태그에 속성을 지정하면 어떻게 될까?

- 위처럼 컴포넌트에 요소가 하나만 있으면 정상적으로 적용이 된다.

- 하지만 요소가 두 개일 때 적용이 되지 않는다.

- 적용을 위해서는 요소에 속성을 명시적으로 지정해줘야한다.

- $attrs는 객체, 컴포넌트가 갖고 있는 속성을 가지고 있는 객체다.

 

만약 모든 속성을 요소가 받는다면 일일이 작성하지 않고 아래처럼 간단하게 사용할 수도 있다.

 

props에 속성이름으로 된 데이터를 작성하게된다면?

- attrs는 props를 통해 지정되지 않은 나머지 속성들을 다룬 객체다.

- props에서 style을 사용하겠다고 지정했기 때문에 나머지 속성이 아니게 되고, attrs에 들어가지 못한다.

 

 

만약 상속된 속성들을 사용하기 싫다면 어떻게 할까?