uxtry

Alert.vue {{ message }}  App.vue Alert Component >★ Vue SFC Playground 코드 실행 →코드 설명1.  Propsmessage: 알림에서 표시할 텍스트 메시지(필수)type: 알림 스타일을 지정하는 타입(info, sucess, waring., error)으로 디폴트는 "info"2. 닫기버튼 없는 옵션일 경우(:closable="false") 따라 3초후 자동으로 사라집니다. 3. typeClass에 따라 다른 스타일이 적용 가능합니다. 4. 아이콘을 추가할수 있습니다. 5. isVisible로 알림의 표시여부(상태 관리)를 제어합니다.

vue에서 컴포넌트(component)는 재사용 가능한 UI요소를 정의하는 기본 단위 입니다. 컴포넌트를 사용하면 코드를 모듈화하고 유지보수를 쉽게 할 수 있습니다. 1. 컴포넌트 기본 구조template: 컴포넌트의 HTMl 구조를 정의합니다.script: 컴포넌트의 데이터, 로직, 상태등을 정의합니다.style: 컴포넌트의 스타일을 정의합니다.(선택 사항)2. 단일 파일 컴포넌트 예제 Vue 컴포넌트 기초 {{ title }} 이것은 자식 컴포넌트입니다. ★ Vue SFC Playground 코드 실행 → 3. 코드 설명1) App.vue(부모 컴포넌트):메인 컴포넌트에서 ChildComponent를 사용합니다.title="Hello Vue!"로 ChildConpo..