<template>
    <div class="user-wrap">
        <div class="content-box">
            <div class="title-wrap">
                <h2 class="main-title">회원관리</h2>
            </div>
            <div class="content-wrap">
                <ul class="tab-menu">
                    <li v-for="(tab, index) in tabMenu" :key="index" :class="{ active: currentTab === index }">
                        <a href="#" v-on:click="currentTab = index">{{ tab }}</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div v-show="currentTab == 0">1</div>
                    <div v-show="currentTab == 1">2</div>
                    <div v-show="currentTab == 2">3</div>
                </div>
            </div>
        </div>

    </div>
</template>
<script>
export default {
    data() {
        return {
            currentTab: 0,
            tabMenu: ['일반회원', '기관회원', '관리자']
        };
    },
    methods: {},
    watch: {},
    computed: {},
    components: {},
    mounted() { },
};
</script>
<style scoped></style>>
