vue如何创建模板

在Vue中创建模板有以下几种方法：1、使用单文件组件（.vue文件）；2、使用模板字符串；3、使用JavaScript内联模板。 这些方法各有优点，适用于不同的应用场景。接下来，我们将详细介绍这三种方法，并提供相关的示例和解释。

一、使用单文件组件（.vue文件）

单文件组件是Vue推荐的方式，通过.vue文件来定义模板、脚本和样式。它们通常由三个部分组成：<template>、<script>和<style>。以下是一个简单的示例：

<template>

  <div class="example">
    <h1>{{ message }}</h1>
  </div>
</template>
<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  }
}
</script>
<style scoped>
.example {
  color: blue;
}
</style>