如何对 VueJs 元素进行分组

Question

假设我有一个组件 (myComponent) ：

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

我想多次重复使用它，如何将它们分组，这样它对 UI 没有影响。例如 ：

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

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

Answer 1

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

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