[Vue] scoped

오리통통·2024년 11월 12일

Vue

목록 보기
11/11

스타일 코드 안에 scoped라고 되어 있는 것을 확인할 수 있다.

scoped 속성을 사용하는 이유는

1) 해당 컴포넌트 내에서만 스타일을 적용하도록 제한하여 스타일이 다른 컴포넌트에 영향을 미치는 것을 방지한다.

2) 대규모 애플리케이션에서 클래스 이름 충돌을 피할 수 있고, 각 컴포넌트의 스타일이 독립적으로 유지되어 예기치 않은 스타일 오버라이딩을 방지한다.

3) 컴포넌트별로 스타일을 관리하기 쉬워지고
특정 컴포넌트의 스타일을 변경할 때 다른 부분에 영향을 주지 않는다.

profile
초보 개발자의 좌충우돌 성장기

0개의 댓글