vue v-deep1 딥셀렉터(v-deep) 설정하는 방법 > 자식 컴포넌트의 CSS(SCSS)를 정의할 수 있는 딥셀렉터(v-deep) vue 프로젝트를 진행하다 보면 vuetify나 quasar 등 매우 다양한 프레임워크나 컴포넌트를 사용하게 된다. 그러면서 그 컴포넌트를 내 Vue 프로젝트의 자식 컴포넌트로 불러와서 사용하는 경우가 있는데, 그 컴포넌트에 내가 원하는대로 CSS를 적용해서 스타일을 변경하고 싶으나 그게 쉽지 않은 경우가 발생한다. > 자식 컴포넌트의 CSS에 쉽게 접근이 되지 않는 이유 웹 컴포넌트의 중요한 측면인 "스타일 캡슐화" 때문이라고 한다. 현재 컴포넌트에 적용된 css(scss)가 현재의 컴포넌트에만 적용되고 다른 컴포넌트에는 간섭이 되지 않도록 하기 위함이다. 그래서 Vue컴포넌트에서 scoped를 지정하게 되면 자식 컴포넌트에.. 2022. 12. 13. 이전 1 다음
