前端Vue根据后端传的用户类型渲染不同的页面

刚进公司的实习前端小白，在开发中遇到的一个很简单的小问题，再次记录一下。
在 Vue 中把静态数据传到 Vuex 中保存，供使用：

//user.js
export default {
state: {userDeptType: ["admin","issuer"]
       }
//home.vue
<template>
    <div class = "home">
        <components :is ="currentRole">
    </div>
</template>

<script>
import admin from "./admin"
import issuer from "./issuer"
    export default {
        data : {
            return {current: 'admin'}
               },
        components: {
            admin,
            issuer},
        computed : {name: function() {return this.$store.state.userDeptType;}
        },
        created() {this.judgeUser('admin');
        },
        methods: {judgeUser(name){
               let l = this.name.length;
               for(let i = 0; i < l ;i ++){if(this.name[i] = name) {this.current = name;}
}
            }
        }
</script>

写的一般，有更好的解答，可以评论指正，谢谢。