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

Tweet

Category JavaScript 2017/11/11

問題

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

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

それとも

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

答え

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

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

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

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

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

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