在Vue中，如果需要将内容输出到页面并换行，我们可以使用pre标签，这可以保留代码中的格式和空格，并输出换行符。

  
   <template>
     <div>
       <pre>
         {{message}}
       </pre>
     </div>
   </template>
   <script>
     export default {
       data() {
         return {
           message: 'Hello, \nworld!'
         }
       }
     }
   </script>
  

在上面的代码中，我们通过在字符串中添加换行符"\n"来实现输出换行。此时在页面中就可以看到：

  
    Hello,
    world!
  

如果我们不使用pre标签，而是直接将字符串输出，则会将所有内容都显示在同一行，不会换行：

  
    <template>
      <div>
        {{message}}
      </div>
    </template>
    <script>
      export default {
        data() {
          return {
            message: 'Hello, \nworld!'
          }
        }
      }
    </script>
  

此时页面中输出的结果为：

  
    Hello, world!
  

这就是我们在Vue中打印换行的方法。通过使用pre标签保留格式和空格，然后通过添加换行符"\n"实现换行。希望这篇文章对您有所帮助。