title: How to pass component as prop to another component in Vue.js
body: <p>I want to pass a component (lets say component B) as prop to another component (lets call it component A) and show component B inside Component A in Vue.js:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;compA title="Title By Mazoo" content={compB}&gt;&lt;/compA&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>Vue.component('compA', {
      template: '&lt;div&gt;{{content}}&lt;/div&gt; ',
      props: {
         content: ''
      }
  });
  
  Vue.component('compB', {
      template: '&lt;div&gt; Various html tags&lt;/div&gt; ',
  
  });
  </code></pre>
  
  <p>I know the code above is wrong, In React I can do it like this easily:</p>
  
  <pre><code>&lt;compA title="My title" content={&lt;compB /&gt;} /&gt;
  
  class compA extends React.Component {
      render() {
          return (
              &lt;div&gt;
                      {this.props.content}
              &lt;/div&gt;
  
          );
      }
  }
  
  class compB extends React.Component {
      render() {
          return (
              &lt;div&gt;
                     Lots of HTML tags, etc
              &lt;/div&gt;
  
          );
      }
  }
  </code></pre>