Template在Vue中有哪些写法？

在Vue中，使用Template可以有以下几种写法：

1. 传统的HTML模板写法，即在Vue实例中定义template属性，如下所示：

<template id="my-template">
  <div>
    <h1>{{ title }}</h1>
    <p>{{ content }}</p>
  </div>
</template>

<script>
new Vue({
  el: '#app',
  template: '#my-template',
  data: {
    title: 'Hello Vue',
    content: 'This is a sample content'
  }
});
</script>

2. 使用单文件组件的写法，即将template放入.vue文件中，如下所示：

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ content }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello Vue',
      content: 'This is a sample content'
    }
  }
}
</script>

3. 使用JSX语法的写法，即在render函数中直接编写模板，如下所示：

<script>
export default {
  render() {
    return <div>
      <h1>{this.title}</h1>
      <p>{this.content}</p>
    </div>
  },
  data() {
    return {
      title: 'Hello Vue',
      content: 'This is a sample content'
    }
  }
}
</script>