Modify_profile.vue

<!--내 정보 수정할 때-->
<template>
    <div class="modify">
        <div>
            이름: <input type="text" name="name" placeholder="김도현" readonly/>
            <br>
            이메일: <input type="email" v-model="user.email" placeholder="kdh5998@ajou.ac.kr" required>
            <br>
            대학교: <input type="text" v-model="user.university" placeholder="아주대학교" required>
            <br>
            전공: <input type="text" v-model="user.major" placeholder="소프트웨어학과" required>
            <br>
            학번: <input type="text" v-model="user.student_num" placeholder="201720726">
            <br>
            전화번호: <input type="text" v-model="user.phone_num" placeholder="01092495992" pattern="(010)-\d{3,4}-\d{4}">
            <br><br>
            <!--아직 못함-->
            <button @click="submit()">제출하기</button>
        </div>
    </div>
</template>

<script>
import { eventBus } from '../main'
import {mapState} from "vuex"
export default {
    data(){
        return {
            email:'',
            university:'',
            major:'',
            student_num:'',
            phone_num:'',
            user:{}
        }
    },
    created(){
        this.user.email = this.email
        this.user.university = this.university
        this.user.major = this.major
        this.user.student_num = this.student_num
        this.user.phone_num = this.phone_num
    },
    computed: {
        ...mapState(['userInfo'])
    },
    methods: {
        submit(){
            console.log(this.user)
            // eventBus.$emit("userWasModified",new Date())
        }
    }
}
</script>

<style scoped>

</style>