<p>{{contentTitle}}</p>
data() {
return {
contentTitle: `第一行
第二行`,
}
},
contentTitle這個變量賦的值是，ES6的字符模板
根據說明，在這個字符模板內換行，會直接輸出換行，不需要添加什么\n,<br>這類東西。
但渲染出來的文本根本沒有換行，是這樣的：
第一行 第二行
（換行符顯示為一個空格）
之后查了一下資料說是要用，v-html進行數據的渲染
<p v-html="contentTitle"></p>
但事實是，依然無效
最后看了這個博文
使用了CCS的屬性：white-space
將p容器的white-space屬性設置為pre-wrap即可解決問題。
查看了一下這個屬性發現是：規定段落中的文本換行
那么之前換行變為空格，這時設置為pre就沒問題了
（pre:空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。）