我如何使這個錯誤從VueJs 2模板中消失？

Question

當我創建一個新模板時，我一直有這個錯誤。它只有在我將所有div放在一行時纔有效。

Answer 1

創建多HTML代碼中的方法是使用\反斜槓在每一行的末尾。反斜槓告訴JavaScript引擎，該字符串將延續到下一行

Vue.component('my-component', { 
    template: '<div class="tabs">\ 
    <ul>\ 
     <li>One</li>\ 
     <li>Two</li>\ 
    </div>' 
}) 

例子：jsFiddle

更好的辦法：單文件組件

你的做法是對小模板不錯，但如何複雜的項目增長，它將變得很醜，多線HTML的所有斜槓。 學習完模板語法後，還請檢查docs