vue 模板

Vue 模板是一种基于 HTML 的语法扩展，用于描述 Vue 组件的布局和行为。它可以帮助开发者更方便地构建动态、交互性的用户界面。Vue 模板中包含了 Vue.js 的指令和表达式，可以让开发者更加灵活地处理数据和事件。以下是一个简单的 Vue 模板示例：

<template>
  <div>
    <h1>{{ message }}</h1>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!',
      count: 0
    }
  },
  methods: {
    increment() {
      this.count++
    }
  }
}
</script>

在上面的示例中，`<template>` 标签内包含了一个简单的 Vue 组件模板。模板中使用了 Vue.js 的数据绑定语法 `{{ message }}` 来显示一个变量的值，同时使用 `@click` 指令绑定了一个点击事件。在 `<script>` 标签中，定义了一个 Vue.js 组件，其中包含了一个 `data` 对象和一个 `methods` 对象，分别用来存储组件的数据和方法。通过 `export default` 将该组件导出，以供其他组件或页面使用。