Mypage.vue

<!--내 정보 볼 때-->
<template>
    <div class="mypage">
        <div>
            <pre>학교:  {{userInfo.univ}}</pre>
            <pre>학과:  {{userInfo.department}}</pre>
            <pre>학번:  {{userInfo.sid}}</pre>
            <pre>이메일:  {{userInfo.email}}</pre>
            <pre>전화번호: {{userInfo.phone}}</pre>
        </div>
    <router-link to="/modify_profile">수정하기</router-link>
    
    </div>
</template>

<script>
import {mapState} from "vuex"
export default {
    data() {
        return {
            editDate: null
        }
    },
    computed: {
        ...mapState(['userInfo'])
    }
}
</script>

<style scoped>
.mypage pre{
    font-size: 30px;
    text-align: center;
}
</style>