页面上大量 component 绑定 is 后的性能问题
发布于 3 年前 作者 feer 1289 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

有需求要在区块内以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?
对性能上会不会有什幺影响?

回到顶部