Question

如何将childDiv仅附加到childDiv Vue实例中的'new'变量，而不能附加到parentDiv中的'new'变量

<div id="parentDiv">
   <button v-if="new">New</button>
   <div id="childDiv" v-if="new">This is child div</div>
</div>

<script>
var parentDiv = new Vue({
  el:'#parentDiv',
  data: {
     new: true,
  }
})

var childDiv = new Vue({
  el:'#childDiv',
  data: {
     new: false,
  }
})
</script>

Answer 1

这永远不会起作用。您必须更改变量名称。即使这样，您的第一个Vue实例仍会抱怨说new2在该实例上不存在，但在渲染过程中被引用了。

但是更大的问题是：为什么要在另一个内部创建Vue实例？您可能应该改用component ...

我不确定我是否理解您的问题，但是我认为inline templates在这里可能对您有用

如何将每个div链接到Vue元素，就像一个div是父级一样？

1 个答案: