Semantic UI というフレームワークで、
sidebar
と pusher
タグは、どちらも body
直下に置く方がパフォーマンス上良いとされているようです。
※ 無視するとエラーではなく、警告になりました。
<body> <div class="ui sidebar inverted vertical menu"> <a class="item"> 1 </a> <a class="item"> 2 </a> <a class="item"> 3 </a> </div> <div class="pusher"> <!-- Site content !--> </div> </body>
一方で、SPAのフレームワーク、Vue.js を使用していると、
body
直下には、<div id="app"></div>
は 1つしか置けず、
また、コンポーネントの template
直下のタグも 1つしか配置できない認識です。
この状況下で、上記警告を回避する方法はあるのでしょうか...?
以上です。
ご存知の方、よろしくお願い申し上げます。
あなたの回答
tips
プレビュー