vue 在template里插入 代码片段

在Vue的template中插入代码片段，可以使用`<pre>`标签或者`<code>`标签来展示代码。例如，如果要展示一段HTML代码，可以使用以下方法：

<template>
  <div>
    <pre>
      <code>
        &lt;div class="container"&gt;
          &lt;h1&gt;Hello World!&lt;/h1&gt;
        &lt;/div&gt;
      </code>
    </pre>
  </div>
</template>

如果要展示一段JavaScript代码，可以使用以下方法：

<template>
  <div>
    <pre>
      <code>
        function greet(name) {
          console.log(`Hello, ${name}!`);
        }

        greet('John');
      </code>
    </pre>
  </div>
</template>

通过使用`<pre>`和`<code>`标签，可以保留代码的格式和缩进，并且在浏览器中正确地显示代码片段。