如何对VueJs元素进行分组

Question

说我有一个组件（myComponent）：

<template>
   <v-container> <v-container>
</template>

我想多次重用，如何将它们分组，所以对UI没有影响。例如：

<myGroup v-if="myStore.property">
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
</myGroup>

这样做的原因是对检查v-if="myStore.property"执行一次，而不是对每个组件执行一次。

Answer 1

您可以使用template标签进行分组。

<template v-if="myStore.property">
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
  <myComponent/>
</template>