그림 3-34 실행결과

● 콤보박스 요소

콤보박스 요소는 <select> 태그와 <option> 태그로 만들며, 주로 드롭다운 목록에서 여러 값 중 하나를 선택하기 위해 사용합니다. v-model 디렉티브를 사용하면 콤보박스 요소도 양방향 데이터 바인딩을 처리할 수 있습니다.

다음 예제를 봅시다.

select/src/App.vue

<script>
export default {
  data() {
    return {