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

寫的通常，有更好的解答，能夠評論指正，謝謝。