加载前更改模块内的VUE组件

Question

我有这样的组件：

<template>
<div>
<some-module />
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import SomeModule from '../../node_modules/somemodule/SomeModule.vue'
import MyComponent from 'MyComponent.vue'
@Component({
components: {
SomeModule
}
})
export default class AppMyRootComponent extends Vue {
}
</script>

我知道这个模块有子组件，所以这个模块可以像：

<template>
<div>
<module-component />
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import ModuleComponent from 'ModuleComponent'
@Component({
components: {
ModuleComponent
}
})
export default class SomeModule extends Vue {
}
</script>

我需要在源代码不变的情况下使用SomeModule，但在使用时需要将ModuleComponent更改为MyComponent。

Answer 1

最简单的方法是编写自己的类，从模块扩展这个类，并在项目中使用自己的类。我可以提供自己的内部组件，改变原来的一个。