> 웹 프론트엔드 > View.js > vuejs에서 CSS를 사용하는 방법

vuejs에서 CSS를 사용하는 방법

藏色散人
풀어 주다: 2023-01-13 00:45:31
원래의
3444명이 탐색했습니다.

vuejs에서 CSS를 사용하는 방법: 1. 손으로 쓴 스타일, ""과 같은 코드를 직접 적용합니다. 2. "@import'와 같은 외부 CSS 파일 쓰기, 구문을 적용합니다. /색인 .css'".

vuejs에서 CSS를 사용하는 방법

이 기사의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6, DELL G3 컴퓨터.

Vue.js에서 CSS를 어떻게 사용하나요?

css 부분에 대하여

vue-cli에서 CSS 스타일을 작성하려면 sass와 less를 사용하세요. vue-cli는 이미 sass와 less를 사용하여 직접 다운로드해야 하기 때문입니다. 그러면 webpack은 자동으로 적절한 로더를 사용하여 lang 속성을 기반으로 이를 처리합니다. 각 CSS의 사용법을 살펴보겠습니다

#css

1. 필기 스타일을 적용하고 CSS 규칙을 사용하면 됩니다.

2. 외부 CSS 파일 적용 방법

Scss 사용 방법


1. Sass 모듈을 설치합니다

2. 컴포넌트의 스타일 부분에 인라인 쓰기를 사용합니다.

3.

Less 사용법


1. Less 모듈 설치

2.컴포넌트의 스타일 부분에 인라인 쓰기를 사용하세요

3. 명언 외부 파일을 적게 쓰는 방법.

관련 추천: "vue.js Tutorial"

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿