在哪裏掛載Vuejs保持HTML5結構的權利？

從官方Vuejs文檔，關於安裝點：在哪裏掛載Vuejs保持HTML5結構的權利？

提供的元素僅用作安裝點。與Vue 1.x不同的是，在所有情況下，掛載的元素將被替換爲Vue生成的DOM。因此，不建議根實例安裝到HTML或體

如果我有結構化這樣的頁面： （我忽略HTML，這裏頭標籤）

<body> 
    <!-- <div class="wrapper"> It just doesn't feel right --> 
    <header> 
    <!-- Header content, NAV, etc. --> 
    </header> 
    <div role="main"> 
    <!-- Page content --> 
    </div> 
    <footer> 
    <!-- Footer content --> 
    </footer> 
    <!-- </div>--> 
</body>

我真的不想在body內部添加包裝，因爲我想要根據我的HTML結構提出建議。同時我只想使用Vue應用程序的一個實例。

在這種情況下最好的技術是什麼？

來源

2017-06-03 Andrii Yasynovyi

W3C的哪些建議禁止使用wrapper div？ – ceejayoz

@ceejayoz那麼，你只是鼓勵我使用它（包裝），忘記它。有很多CSS大師的文章，爭取「html語義純度」，所以我對這個有點困惑。 –

這是單頁應用程序初始化爲單個根節點的標準。 –

您使用可以添加一個id到body標籤並使用它，但顯然這不夠純粹。你如何做到這一點，我相信這是推薦的方式。見this和this。爭取純潔是一項有趣的練習，但在野外很難達到。

<body> 
    <div class="wrapper" id="app"> 
    <header> 
    <!-- Header content, NAV, etc. --> 
    </header> 
    <div role="main"> 
    <!-- Page content --> 
    </div> 
    <footer> 
    <!-- Footer content --> 
    </footer> 
    </div> 
</body>

來源

2017-06-04 01:10:28 whoacowboy

在哪裏掛載Vuejs保持HTML5結構的權利？

回答

相關問題