bootstrap-vue 란 무엇입니까?

Bootstrap-Vue는 Vue의 구성 요소 개발 방법을 따르고 Bootstrap 스타일을 사용하여 구성 요소의 모양을 제어하며 jquery에 대한 종속성을 포기하는 UI 구성 요소 라이브러리입니다. Vue.js를 사용하면서 부트스트랩 스타일의 편리함을 계속해서 즐겨보겠습니다.

이 글에서는 다른 요소의 간섭을 최소화하기 위해 여전히 CDN에 액세스하는 방법을 사용합니다. webpack과 같은 모듈식 패키징 도구를 사용하려는 경우 공식 웹사이트에서 참조할 수 있는 자세한 문서를 확인하세요.

1. 경고(경고 상자): 주요 사용 시나리오는 사용자의 행동에 대한 피드백을 제공하는 것입니다.

참고:

구성 요소의 가시성을 제어하려면 항상 표시 속성을 사용해야 합니다.

닫기 버튼을 표시하려면 구성요소에 해제 가능한 속성을 추가하세요. 해제된 이벤트에서는 항상 해제된 이벤트와 함께 사용해야 합니다. VM에서 경고 표시 속성의 데이터 상태를 재설정하세요. 속성(기본, 보조, 성공), 위험, 경고, 정보)을 사용하여 다양한 의미에 따라 알림을 생성합니다

해제-카운트다운 속성은 예정된 시간에 자동으로 닫히는 알림을 구현하는 데 도움이 되는 기능을 허용합니다

.

2. 뱃지(badge): 특정 콘텐츠에 대해 특정 내용을 설정할 수 있도록 해줍니다. 추가 정보를 추가합니다.

참고:

배지는 em 단위를 사용하는 직접 상위 요소의 글꼴 크기에 따라 글꼴 크기를 조정합니다.

배지의 의미 스타일은 변형 속성을 통해 정의할 수 있습니다. (기본값, 기본, 성공, 경고, 정보, 위험)

알약 속성을 추가하여 캡슐 스타일 배지를 정의합니다(향상된 둥근 모서리)

href 속성을 통해 배지에 동작(점프)을 추가할 수 있습니다.

If 둥근 모양의 배지가 필요합니다. CSS에 구현된 원형 배지를 참조하세요.

3. 탐색경로: 현재 페이지의 탐색 경로를 표시하고 현재 위치를 알려줍니다.

참고:

경로 구분 기호 의사로 지정됩니다. element::before의 콘텐츠 속성은 CSS에 의해 자동으로 추가됩니다.

item은 객체 배열을 통해 지정된 경로의 각 탐색 항목입니다. 객체에 활성 속성을 할당하여 활성 상태로 만들 수 있습니다. 활성 상태로 명시적으로 지정된 항목이 없으면 마지막 항목이 기본 활성 상태로 간주됩니다.

탐색 동작을 추가하려면 탐색 항목에 대한 href 또는 속성을 지정하세요.

4. 버튼: 동작을 실행하는 데 사용되는 기본 제어 요소입니다.

참고:

variant 속성을 통해 버튼의 의미 스타일을 정의할 수 있습니다. (기본값, 기본, 성공, 경고, 정보, 위험) 크기 속성을 통해 버튼 크기(sm, lg)를 정의하지 않으면 기본 스타일이 적용됩니다.​ ​

유형 속성(제출, 재설정, 버튼)을 계속 사용할 수 있습니다.

disabled를 통해 비활성화된 상태를 추가하세요.

href 또는 속성을 추가하면 버튼 스타일의 태그가 생성됩니다.

버튼 클릭 여부를 제어하려면 Pressed 속성을 추가하세요. 버튼의 상태를 VM의 데이터와 동기화하려면 sync 수정자를 사용하세요.

위 내용은 bootstrap-vue 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!