Vue_Select Option

<template>

  <div>

    <h1>{{ mesg }}</h1>

 

    가격: <input type="text" v-model="num"><br>

    개수:

    <select @change="sum" v-model="quantity">

        <option value="10">10</option>

        <option value="20">20</option>

        <option value="30">30</option>

    </select>

 

    <hr>

    총 개수:

    {{ result }}

  </div>

</template>

<script>

export default {

    props:{

        mesg:String

    },

    data:function(){

        return {

            num: 0,

            quantity: 10,

            result: 0

        }

    },

    methods: {

        sum: function(){

            this.result = this.num * this.quantity;

        }

    }

}

</script>

<style>

</style>