Vue template vs Vue jsx

could you explain Vue template vs Vue function jsx, what is different of it ? which one is good for use ?

Ex : I have two components :

1. Component1.vue

<template>    <div>       <p></p>    </div>  <template>  <script>    export default {       name:'Component1',       data(){        return{          message:'This is component1'        }       },    }  </script>  

2. Component2.vue

export default {   name:'Component2',   data(){     return{     message:'This is component2'    }   },   render(){    return(<p>{this.message}</p>)   }  }  

Could I write like component2.vue ? How about performance of both ?

https://stackoverflow.com/questions/66467013/vue-template-vs-vue-jsx March 04, 2021 at 08:48AM