How to use the santd.Menu.Item function in santd

`;

    static components = {
        's-col': Col,
        's-row': Row,
        's-icon': Icon,
        's-menu': Menu,
        's-menu-item': Menu.Item,
        's-sub-menu': Menu.Sub,
        's-input': Input,
        's-badge': Badge,
        's-select': Select,
        's-select-option': Select.Option
    };
    initData() {
        return {
            opts: [],
            showOpts: [],
            value: ''
        };
    }
    created() {
        const routes = this.data.get('routes');
        const opts = this.getCom(routes);

>
                            <span>{{leafItem.name}}</span>
                        
                    
                    
                        <span>{{item.name}}</span>
                    
                
            
        
    `;

    static components = {
        's-menu': Menu,
        's-sub-menu': Menu.Sub,
        's-menu-item': Menu.Item,
        's-menu-item-group': Menu.MenuItemGroup
    };

    static computed = {
        defaultOpenKeys() {
            const routes = this.data.get('routes');
            return routes.map(item =&gt; item.key);
        },
        selectedKeys() {
            return [this.data.get('currentPath')];
        },
        count() {
            let routes = this.data.get('routes').filter(route =&gt; route.list);
            let count = 0;
            routes.forEach(route =&gt; {
                route.list.forEach(r =&gt; {