vue 分割线

在 Vue 中，可以使用内置组件`<hr>`来创建分割线。例如：

<template>
  <div>
    <h2>标题</h2>
    <p>内容</p>
    <hr>
    <h2>另一个标题</h2>
    <p>更多内容</p>
  </div>
</template>

也可以自定义分割线的样式，例如：

<template>
  <div>
    <h2>标题</h2>
    <p>内容</p>
    <div class="my-divider"></div>
    <h2>另一个标题</h2>
    <p>更多内容</p>
  </div>
</template>

<style>
  .my-divider {
    border-top: 1px solid #ccc;
    margin: 20px 0;
  }
</style>

这里使用了一个自定义类来定义分割线的样式，可以根据需求自由修改。