VueJS Неизвестный компонент

Question

У меня есть этот код на смонтированном крюке

Я использую компонент из Synfusion и инициализирую его в смонтированном хуке так:

data() {
          return {
              treeViewInstance: {},
          };
      },
 mounted() {
    var data = [
        {
            nodeId: '01', nodeText: 'Music',
            nodeChild: [
                { nodeId: '01-01', nodeText: 'Gouttes.mp3' }
            ]
        },
        {
            nodeId: '02', nodeText: 'Videos', expanded: true,
            nodeChild: [
                { nodeId: '02-01', nodeText: 'Naturals.mp4' },
                { nodeId: '02-02', nodeText: 'Wild.mpeg' },
            ]
        },
        {
            nodeId: '03', nodeText: 'Documents',
            nodeChild: [
                { nodeId: '03-01', nodeText: 'Environment Pollution.docx' },
                { nodeId: '03-02', nodeText: 'Global Water, Sanitation, & Hygiene.docx' },
                { nodeId: '03-03', nodeText: 'Global Warming.ppt' },
                { nodeId: '03-04', nodeText: 'Social Network.pdf' },
                { nodeId: '03-05', nodeText: 'Youth Empowerment.pdf' },
            ]
        },
    ];
    //Initialize TreeView component
    var treeViewInstance = new ej.navigations.TreeView({
        fields: { dataSource: data, id: 'nodeId', text: 'nodeText', child: 'nodeChild' },
        allowDragAndDrop: true,
    });
                this.treeViewInstance = treeViewInstance;
                console.log(treeViewInstance);

    //Render initialized TreeView
treeViewInstance.appendTo("#tree");

Проблема в том, что treeViewInstance в свойствах данных имеют странное значение Unknown Component

Я не знаю, что делать, чтобы получить treeViewInstance в data

Answer 1

Ваш компонент должен быть зарегистрирован: Регистрация компонентов

Примерно так:

components:
{
    my-component: myComponent
},