v-show
-
2. 리스트랜더링과 조건부랜더링Vue For Beginner 2019. 9. 29. 21:23
빌트인 디랙티브 (리스트, 조건부 랜더링) vue에서 간단한 리스트를 출력하는 방법이 정의되어있습니다. (v-for) 라디오박스 클릭 시 각각 다른 리스트 목록이 보여지는 기능으로 조건부 랜더링을 설명하고있습니다. (v-show, v-if) 리스트 랜더랑 vue는 데이터가 배열일 경우 리스트형태로 랜더링 할 수 있는 기능을 제공합니다. 이때 사용되는 문법이 v-for 라는 빌트인 디렉티브 입니다. 사용법은 다음과 같습니다. {{index}} {{ item }} 위에서 item에는 배열의 각각의 항목이 오고 index에는 배열의 인덱스가 옵니다. :key는 필수로 입력되는 항목은 아니지만 각 항목의 key값을 입력하도록 권장합니다. 아래는 채소와 과일의 리스트를 각각 출력하는 코드입니다. 과일 리스트 {{..