javascript - vue.js 구성 요소 개발 모델에서 스타일이 이 구성 요소와 해당 하위 구성 요소에만 적용되도록 만드는 방법입니다.
怪我咯2017-05-18 10:51:18
0
1
888
범위 지정을 사용하는 경우 스타일은 현재 구성 요소에만 영향을 미칠 수 있으며 하위 구성 요소에는 영향을 미치지 않을 수 있습니다. 때로는 디자인 문제로 인해 여러 하위 구성 요소 간에 공유되는 스타일이 많이 있습니다. 스타일이 가능한지 마스터에게 문의하고 싶습니다. 이 구성 요소와 해당 하위 구성 요소에만 적용됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
범위 지정을 사용하지 말고 CSS 네임스페이스를 직접 제어하세요
각 컴포넌트의 이름은 구체적이고 고유한 클래스로 지정할 수 있으며, 해당 컴포넌트의 CSS는 명명 범위 내에 있습니다.
예를 들어 헤더는 인덱스의 하위 구성요소입니다
으아아아 으아아아최종 렌더링
으아아아 으아아아