VueJS将大组件分解为局部

Question

我有一个包含一些大HTML / CSS / JS代码的组件。我想将其拆分为单独的部分或可以导入到主要组件中的内容。我找不到办法。

我使用了此方法并将CSS代码分离到单独的文件中，但这并不会改变构建时间（热重载）：

<style scoped>
    @import './style.css';
</style>

似乎需要CSS并重新编译一次，还有其他更好的方法吗？