<template>

在前端模板语言中，`<template>` 标签是 Vue.js（或类似的 JavaScript 框架）中的一个重要组件。它主要用于创建可复用的 HTML 结构，将数据绑定和指令分离到视图层之外。当你在一个 Vue 实例中使用 `<template>` 标签时，Vue 会将其内容编译为渲染函数，这样你就可以在多个地方引用同一个模板，而无需复制粘贴整个结构。

例如：

<!-- 在 App.vue 或其他组件里 -->
<template>
  <div class="app">
    <h1>{{ message }}</h1>
    <button @click="displayMessage">显示消息</button>
    <p v-if="isHidden">{{ hiddenText }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!',
      isHidden: false,
      hiddenText: 'This text will be hidden'
    }
  },
  methods: {
    displayMessage() {
      this.isHidden = !this.isHidden;
    }
  }
}
</script>

在这个例子中，`<template>` 包含了一个动态显示信息和隐藏文本的部分。当 `displayMessage` 方法被调用时，`hiddenText` 的可见状态会被改变。