Vue 中常用标签

以下是按照类型对 Vue 中常用标签进行的分类：

文本相关标签：

1. <p>：段落标签，用于显示一段文本。
   示例：

    <p>这是一段详细的文字描述。</p>

1. <h1> - <h6>：标题标签，用于显示不同级别的标题。
   示例：

    <h1>主标题</h1>
    <h2>副标题</h2>

1. <span>：用于对小段文本进行样式或逻辑上的分组。
   示例：

    <p>这是一段文字，其中 <span class="highlight">这部分被突出</span></p>

列表相关标签：

1. <ul>（无序列表）和 <li>：用于创建无序列表。
   示例：

    <ul>
      <li>列表项 1</li>
      <li>列表项 2</li>
    </ul>

1. <ol>（有序列表）和 <li>：用于创建有序列表。
   示例：

    <ol>
      <li>第一项</li>
      <li>第二项</li>
    </ol>

表单相关标签：

1. <input>：输入框，可以是文本、密码、单选、复选等多种类型。
   示例：

    <input type="text" v-model="userName" />

1. <textarea>：多行文本输入框。
   示例：

    <textarea v-model="comment"></textarea>

1. <button>：按钮，可用于提交表单或执行其他操作。
   示例：

    <button @click="submitForm">提交</button>

链接相关标签：

1. <a>：超链接，用于跳转到其他页面或资源。
   示例：

    <a href="https://www.example.com">点击前往示例网站</a>

图像相关标签：

1. <img>：用于显示图片。
   示例：

    <img src="image.jpg" alt="图片描述" />

容器相关标签：

1. <div>：通用的块级容器，用于布局和分组元素。
   示例：

    <div class="content">
      <!-- 其他元素 -->
    </div>

1. <template>：用于定义组件的模板，但本身不会渲染为实际的 DOM 元素。
   示例：

    <template>
      <div>
        <!-- 模板内容 -->
      </div>
    </template>