vue 换行

在 Vue 模板中，可以使用以下方式来实现换行：

1. 使用 `<br>` 标签。在 HTML 中，使用 `<br>` 标签可以实现换行。例如：

   <template>
     <div>
       <p>第一行</p>
       <br>
       <p>第二行</p>
     </div>
   </template>

在这个示例中，我们在第一行和第二行之间添加了一个 `<br>` 标签，这样就可以实现换行了。

2. 使用 CSS 样式。在 CSS 中，可以使用 `white-space` 属性来控制文本的换行方式。例如，可以将 `white-space` 属性设置为 `pre-line`，这样就可以在遇到换行符时自动换行。例如：

   <template>
     <div style="white-space: pre-line;">
       第一行
       第二行
     </div>
   </template>

在这个示例中，我们将 `white-space` 属性设置为 `pre-line`，并在 `<div>` 标签中写入两行文本，这样就可以自动换行了。

3. 使用模板字符串。在 Vue 模板中，可以使用模板字符串来实现换行。例如：

   <template>
     <div>
       {{ `第一行\n第二行` }}
     </div>
   </template>

在这个示例中，我们使用模板字符串来定义文本内容，其中 `\n` 表示换行符，这样就可以实现换行了。

以上是实现 Vue 模板中换行的几种方式，您可以根据自己的需求选择合适的方式。