【发布时间】：2017-01-03 00:54:02
【问题描述】：
我已经多次看到 Vue 实例绑定在 body 标签上。
其他时候这是绑定在div id
我问我什么时候应该使用body 标记或id 标记（这限制了 Vue 实例的范围）。
两个例子：
new Vue({
el: 'body'
});
或
new Vue({
el: '#a-div'
});
【问题讨论】：
标签： vue.js
【发布时间】：2017-01-03 00:54:02
【问题描述】：
您永远不应该使用body 标签。事实上，它会引发使用body 标签的警告。
在将根实例挂载到正文或 html 时添加了警告。这在 2.0 中不再推荐。
这是来自release notes，无论如何它是不正确的，它会引发错误。
【讨论】：
-
我需要从vue数据中动态改变body元素的class，如何在body标签上绑定class？？
-
@გიორგი 你仍然可以使用 vanilla Javascript，只需添加一个观察者并使用
classListDOM API 在body标签上添加/删除类。 -
有没有最好的方法来绑定导航栏和主容器？
-
对为什么的一些解释会有所帮助。
公认的答案是正确的：确实不推荐在body元素上绑定主Vue实例！
更多信息：
-
Why it's not recommended to render to
<body>element（与 React 相关，但类似的原理也适用于 Vue）
【讨论】：
-
为什么不推荐？
-
根据v2 docs：“提供的元素仅用作安装点。与Vue 1.x不同，在所有情况下，已安装的元素都将替换为Vue生成的DOM。它是因此不建议将根实例挂载到 或 。"