Fragment component

[CyberAP]

Summary

Add a fragment built-in component to allow conditional transparent wrapping.

Examples

Conditional wrapper component

<template>
  <WrapperComponent v-if="shouldWrap">
    <img src="cat.jpg" alt="Cat" />
  </WrapperComponent>
  <img v-else src="cat.jpg" alt="Cat" />
</template>

fragment component

<template>
  <component :is="shouldWrap ? WrapperComponent : 'fragment'">
    <img src="cat.jpg" alt="Cat" />
  </component>
</template>

Links

• Full Rendered Proposal

• Discussion Thread

---

Important: Do NOT comment on this PR. Please use the discussion thread linked above to provide feedback, as it provides branched discussions that are easier to follow. This also makes the edit history of the PR clearer.

[pangao66]

here I have the same problem.
vuejs/core#3092

[iamandrewluca]

@pangao66 will be better to keep comments in discussion thread

Important: Do NOT comment on this PR. Please use the discussion thread linked above to provide feedback, as it provides branched discussions that are easier to follow. This also makes the edit history of the PR clearer.