이 페이지 응용 프로그램 외부 요소와 같은 HTML 본문 글로벌 스타일 스타일, 스타일이나 추가 방법을 추가 VUE 적은 범위

1, VUE 적은 범위는 스타일 전역 스타일을 추가 할 수 있습니다.

사용 시나리오 :

예를 들면 

< DIV 클래스 = "BD" V-HTML = "htmlStr" </> DIV > 

其中, htmlStr = ' < 스팬 클래스 = "제목" >标题</ 스팬 > '

 

우리가 범위의 스타일을 사용하는 경우, .bd .title는 {}을 적용 할 수 없다.

당신은 깊은 포인트를 사용할 수 있습니다. 예를 들면

.bd >>> .title {}

이 작업을 수행 할 수 있습니다. 덜 로더 등 로더가 자동으로 무시합니다 때문에 >>>

로더 >>>의 일부는 해결 될 수없는,주의 깊은 / 교체 할 수 있습니다 /

.bd / 깊이 / .title {}

두 방법은 동일합니다.

분리 층 (2), 또는 본체가 제공 소자 특성 등 앱 HTML 페이지.

우선, 우리는 물론, 페이지 내의 범위 태그 새로운 스타일 아니다, 생각합니다. 그러나이 글을 쓰는 후에, 우리는 다른 페이지도 오염을받을 찾을 수 있습니다. 따라서, 문 사이클에 의해 만들어 추가하는 것을 고려하고 수업 방식을 다시 beforeDestroyed주기를 제거합니다.

예를 들면 :

생성 () { 
    document.body.classList.add ( '몸 집' ); 
  }, 
  beforeDestroy () { 
    document.body.classList.remove ( '몸 집' ); 
  },