SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

【vue.js】bodyをelに指定するべきではない

問題

vueで、elにdiv要素を指定したりbody要素を指定したりできるようですが、どちらが正解?

new Vue({
  el: 'body'
});

それとも

new Vue({
  el: '#app'
});

答え

vueだとbody要素やhtml要素をマウントするポイントに指定すると警告されるというのもありますが、

reactでもvueでも、bodyにrenderするのは推奨されません。

注意して利用する、わかっていてやる、のであればよいかもしれませんが、

サードパーティーのライブラリ等を一緒に使用する場合、body直下をいじられる場合があるため、

あれこれ組み合わせて利用するのであれば、bodyそのものは使用せず、

素直にdiv要素を置いて、idを付与して、そこにrenderするのがよいでしょう。

関連するメモ

コメント