Есть ли во Vue.js аналог React.Fragment?

Question

[gsdev99]

Здравствуйте. Подскажите, пожалуйста, есть ли во Vue.js аналог React.Fragment?

React

import React, { Component } from 'react'

export default class Counter extends Component {

  render() {
    return (
      <React.Fragment>
        <h2>Counter</h2>
      </React.Fragment>
    )
  }
}

Vue

<template>
  <div>
    <h2>{{ counter }}</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      counter: 0
    }
  }
}
</script>

<style scoped>

</style>

Comments

[Iryna]

Во Vue 3 уже не обязательно чтобы был корневой элемент.

Answer 1

[0xD34F]

Нет. Есть костыли (например) - можете использовать их. Ну или ждите Vue 3 - говорят, там будет.

Comments

[gsdev99]

Спасибо.

Answer 2

[Филипп Гапоненко]

Чем не устраивает template?

Comments

[Nemiro Ilia]

лишний мусор в DOM'е, потому-что в root может быть только один элемент.
получается, чтобы вывести в tbodyChilds просто <tr> их надо обязательно обернуть во что-то, а с помощью fragment можно не оборачивать (и по стилям проблем меньше, например если обертка - блочный элемент)

<table>
<tbody>
  <tbodyChilds/>
</tbody>
</table>