vue中大量使用slot对页面性能与渲染会造成负担吗, 想知道具体事例

Question

比如一个组件内使用了十个插槽且带参数

<component>
    <template #slot1={ key, data }>...</template>
    <template #slot2={ key, data }>...</template>
    <template #slot3={ key, data }>...</template>
    <template #slot4={ key, data }>...</template>
    <template #slot5={ key, data }>...</template>
    <template #slot6={ key, data }>...</template>
    <template #slot7={ key, data }>...</template>
    <template #slot8={ key, data }>...</template>
    <template #slot9={ key, data }>...</template>
    <template #slot10={ key, data }>...</template>
</component>

Answer 1

肯定会有，如果没有复杂的计算或者组件需要自己保存数据，建议使用函数式组件来做

Answer 2

只是在计算virtual dom时会消耗一些，在真正DOM更新时没啥影响

Answer 3

微乎其微。你写的模版最后都会编译成 渲染函数，所以这里只是一个简单的判断而已。