Vue3 기본 튜토리얼

프레임워크 소개 프레임워크 설치 컴포넌트 구조 data 객체 속성 작업 뷰에서 코드 실행 배열 객체 메서드 작업 이벤트 핸들러 바인딩 메서드 내부에서 data 작업 보조 메서드 메서드에 매개변수 전달 반응성 계산된 속성 이벤트 수식어

조건문

조건에 따른 표시 조건 반전 반응형 조건 요소 토글링 토글링 시 텍스트 변경 v-else 디렉티브 복잡한 조건 v-else-if 디렉티브 조건부 그룹 v-show 디렉티브

루프

배열 순회 배열 순회 시 키 얻기 객체 순회 태그 그룹 순회 객체 배열 순회 범위 내 루프 루프 내 조건 key 속성 배열의 반응성

스타일

컴포넌트 스타일링 class 속성 CSS 클래스 객체 CSS 클래스 객체의 반응성 인라인 CSS 클래스 객체 data를 통한 CSS 클래스 style 속성을 통한 스타일링

폼(Forms)

인풋에 대한 양방향 데이터 바인딩 이벤트를 통한 폼 데이터 가져오기 textarea 작업하기 체크박스 작업하기 체크박스 값 배열 라디오 버튼 작업하기 셀렉트 작업하기 반복문으로 셀렉트 구성하기 요소 비활성화 키 수식어 배열 요소 추가를 위한 폼 배열 요소 삭제를 위한 버튼 객체 배열에서 삭제하기 위한 버튼 객체 배열 편집을 위한 폼

컴포넌트

소개 자식 컴포넌트 생성 컴포넌트에 데이터 전달 모든 타입의 데이터 전달 객체 data의 속성 전달 프롭스 타입 지정 반복문에서 컴포넌트 생성 단방향 데이터 흐름 이벤트 발생 이벤트 매개변수 속성에서 이벤트 발생 반응형 컴포넌트 삭제 반응형 컴포넌트 편집 데이터 추가 컴포넌트

프로젝트

체크리스트 메모장
↑
한국어▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақКыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.
모두 수락 설정 거부