小编Roe*_*avy的帖子

你能解释一下 Vue template 和 Vue function jsx 吗，它们有什么不同？哪一款好用？

例如：我有两个组件：

1. Component1.vue

<template>
  <div>
     <p>{{message}}</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>)
 }
}

我可以这样写吗component2.vue？两者的表现如何？