vue 에서 elementUI 기본 스타일 을 바 꾸 면 static 과 assets 의 차이 점

우선 여기 서부 터 vue 프로젝트 의 element UI 기본 스타일 을 어떻게 바 꿉 니까?
elementUI 의 스타일 이 너무 단조 로 워 서,예 를 들 면 이 슬라이더

element UI 의 API 는 이 slider 의 색 을 바 꿀 수 없 지만 사장 님 은 노란색 을 좋아 하 셔 서 굳이 노란색 을 사용 하 셔 야 합 니 다.😓어 쩔 수 없어.남 의 재물 을 가지 고 남 을 대신 하여 재난 을 없애다.
나 는 쓴 구성 요소 에서 이 slider 의 색 을 직접 바 꾸 려 고 했 는데,직접 바 꿀 수 없다 는 것 을 발견 했다.😺。재미있다😁。
분석 해 보 겠 습 니 다.특정한 요소 의 css 스타일 을 바 꾸 려 고 할 때 요소 의 구체 적 인 class 를 찾 아 스타일 을 바 꾸 는 방향 은 문제 가 없 을 것 입 니 다.효력 이 발생 하지 않 는 이상 이 요소 의 정확 한 위 치 를 찾 지 못 했 을 것 입 니 다.브 라 우 저 는 이 class 를 검색 하지 못 해서 직접 수정 해 야 효력 이 발생 하지 않 습 니 다.
이때 갑자기 style 의 scoped 속성 이 생각 났 습 니 다.scoped 라 는 속성 은 아래 css 코드 의 역할 도 메 인 이 현재 구성 요소 에서 만 적용 되 는 것 을 제한 합 니 다.이 때 element UI 의 속성 을 직접 변경 합 니 다.브 라 우 저 는 이 요소 의 가장 바깥쪽 부모 급 을 검색 하지 못 하기 때문에 이 물건 은 적용 되 지 않 습 니 다.응,맞 아.
그러면 우 리 는 전통 적 인 html 페이지 외부 에서 css 스타일 을 도입 하 는 것 처럼 css 파일 을 따로 만들어 element UI 스타일 을 바 꾸 면 됩 니 다.그러면 문제 가 왔 습 니 다.
이 css 파일 은 어디 에 놓 을까요?
vue 에 src 아래 의 assest 파일 은 정적 자원 을 넣 는 것 이 고 src 파일 과 같은 등급 의 static 파일 도 정적 자원 을 넣 는 것 입 니 다.이 두 파일 은 어떤 차이 가 있 습 니까?
제 가 수정 한 element UI 요소 의 css 파일 은 어느 파일 의 가짜 아래 에 두 어야 합 니까?

구 글 이 알 고 보니까...
차이 1:assets 파일 은 src 에서 내 려 왔 기 때문에 마지막 으로 실 행 될 때 포장 을 해 야 합 니 다.static 파일 은 포장 하지 않 아 도 최종 파일 에 직접 넣 습 니 다.
차이 2:assets 의 파일 은 vue 의 template/style 에서.
총괄 하 다
1.assets 는 스타일,글꼴 파일,그림 등 공공 정적 자원 을 배치 하 는 것 이 좋 습 니 다.src 아래 구성 요소 에 사용 되 는 자원 만 assets 에 두 는 것 이 좋 습 니 다.
2.프로젝트 에 서 는 npm 패키지 가 없 는 제3자 플러그 인 을 사용 하여 static 에 넣 습 니 다.
그래,이렇게!
이상 의 이 간단 한 이야기 vue 에서 element UI 기본 스타일 을 바 꾸 어 일 으 킨 static 과 assets 의 차 이 는 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기