Vue에서 CSS를 참조하는 방법

vue에서 CSS를 참조하는 방법: 1. 전역 가져오기, 구문 형식은 "import 'css file address'"입니다. 2. 로컬 가져오기, 구문 형식은 "@import 'css file address'입니다. '입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, Dell G3 컴퓨터.

Vue(/vjuː/로 발음, view와 유사)는 사용자 인터페이스 구축을 위한 진보적인 JavaScript 프레임워크입니다. 다른 대형 프레임워크와 달리 Vue는 아래에서 위로 레이어별로 적용되도록 설계되었습니다.

vue에 외부 CSS 파일 추가:

CSS 파일을 저장할 프로젝트의 src 파일 아래에 새 스타일 폴더를 만듭니다.

1. 글로벌 가져오기

외부 CSS 파일을 스타일 파일 아래에 넣습니다. 외부 파일을 도입하려면 그냥 main.js 파일에

import './style/reset.css'

기본 스타일을 지우는 CSS 파일을 가져왔습니다

2.

<style scoped>
  @import &#39;../assets/iconfont/iconfont.css&#39;;这个分号一定要写，要不会报错
</style>

@import CSS@ 규칙은 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다. 이러한 규칙은 @charset 규칙을 제외한 다른 모든 유형의 규칙보다 앞에 있어야 합니다. 중첩된 문이 아니기 때문에 @import는 조건부 규칙 그룹 내에서 사용할 수 없습니다.

따라서 사용자 에이전트는 지원되지 않는 미디어 유형에 대한 리소스 검색을 피할 수 있으며 작성자는 미디어 종속 @import 규칙을 지정할 수 있습니다. 이러한 조건은 URI 뒤에 쉼표로 구분되어 지정된 미디어 쿼리를 가져옵니다. 미디어 쿼리가 없으면 무조건 가져옵니다. 모든 미디어가 동일한 효과를 갖도록 지정합니다.

【추천 학습:

javascript 고급 튜토리얼】

위 내용은 Vue에서 CSS를 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!