Javascript Vue扩展具有导入的类

我已经在组件上定义了导入。然后我有了另一个扩展的组件。如何定义和访问父组件导入的

服务

服务

export default {
    getSomeData() {
        return [1,2,3,4]
    }
}

父组件

import Service from '../service';

export default {
    data() {
        return {
            testData: 'test'
        }
    }
}

import Component from '../component';

export default {
    extends: Component,

    mounted() {
        console.log(Service.getSomeData()); // [1,2,3,4] Doesn't work, Service not defined.
        console.log(this.testData); // 'test' Works
    }
}

子组件

import Service from '../service';

export default {
    data() {
        return {
            testData: 'test'
        }
    }
}

import Component from '../component';

export default {
    extends: Component,

    mounted() {
        console.log(Service.getSomeData()); // [1,2,3,4] Doesn't work, Service not defined.
        console.log(this.testData); // 'test' Works
    }
}

通常，我只需在子组件中导入

服务

，并使用该功能。如何在父级中定义它，以便在子级中访问它，而不必为其他子级再次导入它？我不希望将其制作成Vue组件并对其进行扩展

---

谢谢

您可以将其分配给数据属性：

import Service from '../service';

export default {
    data() {
        return {
            testData: 'test',
            service: Service
        }
    }
}