How to wrap a component in Vue?

Question

Vue.js

How to wrap one component in another? React example:

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

Answer 1

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

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

Component template:

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