前端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>

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