title: How to use template scope in vue jsx?
body: <p>I define a simple child component(testSlot.vue) like this:</p>
  
  <pre><code>&lt;template&gt;
      &lt;section&gt;
          &lt;div&gt;this is title&lt;/div&gt;
          &lt;slot text="hello from child slot"&gt;&lt;/slot&gt;
      &lt;/section&gt;
  &lt;/template&gt;
  &lt;script&gt;
      export default {}
  &lt;/script&gt;
  </code></pre>
  
  <p>and we can use it in html template like this </p>
  
  <pre><code>&lt;test-slot&gt;
      &lt;template scope="props"&gt;
          &lt;div&gt; {{props.text}}&lt;/div&gt;
          &lt;div&gt; this is real body&lt;/div&gt;
      &lt;/template&gt;
  &lt;/test-slot&gt;
  </code></pre>
  
  <p>but how can I use it in jsx ?</p>