在一个v-for循环里面显示不同的图标

例如，从后端获得一个菜单数据（一级菜单名），在显示菜单名的时候要加上不同的图标，怎么在一个循环里面给每一个item加上不同的图标？

 <i :class="icon[item.id]"></i>

 data() {
        return {
            icon: {
                
                125: 'iconfont icon-user',
                103: 'iconfont icon-tijikongjian',
                101: 'iconfont icon-shangpin',
                102: 'iconfont icon-danju',
                145: 'iconfont icon-baobiao',
           
        };

 依据item.id一一配对