Как сделать компонент обертку в Vue?

Question

[Артур Галяев]

Как обернуть один компонент в другой? Пример на React:

var Wrapper = React.createClass({
  render: function() {
    return (
      <div className="wrapper">
        before
          {this.props.children}
        after
      </div>
    );
  }
});

Answer 1

[bqio]

https://ru.vuejs.org/v2/guide/components-slots.html

<component>
  <component2></component2>
</component>

Component template:

<component>
  <slot></slot>
</component>