Question

我有这个HTML：

<div id='parent'>
  {{title}}
  <div id='children'>
      {{titleChildren}}
  </div>
</div>

和这两个Vue实例：

var parent = new Vue({
   el: "#parent",
   data: {
      title: 'Test Parent'
   }
});

var parent = new Vue({
   el: "#children",
   data: {
      titleChildren: 'Test Children'
   }
});

问题是孩子的数据没有绑定在html上。我可以在其他实例中有一个实例，比如angular？

小提琴示例： https://jsfiddle.net/dsxvce0w/

Answer 1

考虑到Vue.js 2.0，您的代码无效，因为您以错误的顺序进行实例化。

在正确的序列中，子数据将根据需要绑定在html上。

错误的序列：

var parent = new Vue({
   el: "#parent",
   data: {
      title: 'Test Parent'
   }
});

var children = new Vue({
   el: "#children",
   data: {
      titleChildren: 'Test Children'
   }
});

正确的序列：

var children = new Vue({
   el: "#children",
   data: {
      titleChildren: 'Test Children'
   }
});

var parent = new Vue({
   el: "#parent",
   data: {
      title: 'Test Parent'
   }
});

*注意：Var名称已更改，以便更好地理解

Answer 2

您正在使用过时的Vue版本。以下是使用最新版本的相同代码：https://jsfiddle.net/racbns2x/

// Vue 1.0.7
https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.7/vue.min.js

如何在其他内部设置Vue的实例

2 个答案: