有需求要在区块内以data决定使用的component，如下：

// example.vue
// 目前使用nuxt
<template>
	<component :is="type" />
</template>

<script>
import Type1 from 'Type1.vue'
import Type2 from 'Type2.vue'
import Type3 from 'Type3.vue'
import Type4 from 'Type4.vue'
import Type5 from 'Type5.vue'

export default {
	components: {
		Type1,
		Type2,
		Type3,
		Type4,
		Type5,
	},
	data () {
		return {
			type: 'Type1'
		}
	}
}
</script>

type可能依照各页面数据不同而变化，一个页面上有至少5个类似区块，每个都有5种类型左右

是不是只能这样import所有要使用的component？
对性能上会不会有什幺影响？