title: Vue template vs Vue jsx
body: <p>could you explain Vue template vs Vue function jsx, what is different of it ? which one is good for use ?</p>
  <p>Ex :
  I have two components :</p>
  <ol>
  <li><code>Component1.vue</code></li>
  </ol>
  <pre class="lang-js prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
       &lt;p&gt;{{message}}&lt;/p&gt;
    &lt;/div&gt;
  &lt;template&gt;
  &lt;script&gt;
    export default {
       name:'Component1',
       data(){
        return{
          message:'This is component1'
        }
       },
    }
  &lt;/script&gt;
  </code></pre>
  <ol start="2">
  <li><code>Component2.vue</code></li>
  </ol>
  <pre class="lang-js prettyprint-override"><code>export default {
   name:'Component2',
   data(){
     return{
     message:'This is component2'
    }
   },
   render(){
    return(&lt;p&gt;{this.message}&lt;/p&gt;)
   }
  }
  </code></pre>
  <p>Could I write like <code>component2.vue</code> ? How about performance of both ?</p>