extjs如何在同一视图中使用自定义组件的两个或多个不同实例

Ext.define('CustomComponent', {
    extend: 'Ext.Component',

    config: {
        // 定义组件的配置项
        ...
    },

    // 组件的方法和事件处理程序
    ...
});

Ext.create('Ext.container.Viewport', {
    layout: 'fit',
    items: [{
        xtype: 'panel',
        title: 'My View',
        items: [{
            xtype: 'customcomponent',
            itemId: 'component1',
            // 设置第一个实例的配置项
            ...
        }, {
            xtype: 'customcomponent',
            itemId: 'component2',
            // 设置第二个实例的配置项
            ...
        }]
    }]
});