● change 이벤트

change 이벤트는 폼 요소의 값이 변경되면 발생하는 이벤트입니다. <input>, <select>, <textarea> 태그로 만든 폼 관련 요소에서 사용하고, 이 중에서도 <select> 태그로 만들 수 있는 콤보박스 요소에서 가장 많이 사용합니다. 예를 들어, 콤보박스에서 사용자가 선택한 값에 따른 추가 작업이 필요할 때 change 이벤트를 사용하면 효과적으로 처리할 수 있습니다.

다음 코드는 사용자가 콤보박스로 선택한 값에 따라 가격을 다르게 보여줍니다.

change/src/App.vue

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

      selected: 'banana',
      price: 500,

    };
  },
  methods: {
    onChangeHandler($event) {

      if (this.selected === 'banana') {
        this.price = 500;