css - vue에서 로컬로 참조되는 스타일이 어떻게 글로벌화됩니까?

Question

1. vue에서 참조된 로컬 스타일은 어떻게 다른 페이지에도 적용되나요? 라우터는 페이지 전환 후 변경된 페이지의 스타일을 로드합니다

Answer 1

부분 스타일은 로컬에서만 적용할 수 있습니다. 전역적으로 사용해야 하는 경우 공개 클래스를 app.vue

에 넣을 수 있습니다.

Answer 2

vue에는 일반 구성요소 app.vue가 있습니다. 이 파일에는 전역 수준으로 승격하려는 명령이 다른 운영 구성요소에서 볼 수 있습니다. 구성 요소에 정의된 메서드나 스타일을 다른 구성 요소에 바인딩할 수 있습니다

Answer 3

Css를 로컬 파일에 기록할 뿐이며 CSS가 로컬에서만 작동한다는 의미는 아닙니다. 구성 요소에서만 작동하도록 하려면 scoped

을 추가하면 됩니다. 으아악

Answer 4

두 가지 방법

• 태그 선택기의 범위를 직접 제어하세요

• 구성 요소 템플릿에 범위가 지정된 스타일을 추가합니다.