这听起来像是一个真正的菜鸟问题，但我对 MVVM 还是 JS 中的 MVC 还是很陌生，所以提前道歉。
我正在尝试使用 vue.js，到目前为止我很喜欢它的简单性。但对于我正在尝试做的事情，我认为我需要以不同的方式去做。
我想将 Vue 实例/元素嵌套在彼此内部，但是当然，父级将在初始化时读取 DOM 时使用子级。
为了论证，下面是我的意思的一个例子，我没有做这样的事情，但这是举例说明我的意思的最简单的方法:
<body>
{{ message }}
<div id="another">
{{ message }}
</div>
</body>
例如我的 JS 将是:
new Vue({
el: "body",
data: {
message: "I'm the parent"
}
});
new Vue({
el: "#another",
data: {
message: "I'm the child"
}
});
结果是:
<body>
I'm the parent
<div id="another">
I'm the parent
</div>
</body>
现在我完全理解它为什么这样做，事实上，它应该这样做，但我的例子只是想说明我将如何做这样的事情？
在我的现实生活项目中，我的 body 上有一个 v-class，当 body (在许多地方)发生某些事情时它会发生变化，但当然我的 body 也会需要其他 vue 实例来做其他事情。
我将如何嵌套？ vue中有处理这个的功能吗？我需要处理组件吗？或者，从子元素中获取主体(例如 jQuery 使用 $("body"))然后在 Vue 实例中操作它？
希望这个问题不会太愚蠢，希望有人能给我指出正确的方向。
谢谢
最佳答案
思考组件。 http://vuejs.org/guide/components.html
像上面那样在 body 上创建一个 Vue 实例，但是嵌套在其中的任何东西都是一个组件。通过 Prop 传递数据。
关于javascript - 嵌套的 vue.js 实例/元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31345149/