Vue - 多个Vue实例

2018-02-02 本文已影响25人廖马儿

eg:

<div id="box">
  <span>{{ title }}</span>
</div>

<div id="box2">
  <span>{{ title }}</span>
</div>

var vm = new Vue({
  el: '#box',
  data: {
    title: 'Hello'
  }
})

var vm2 = new Vue({
  el: '#box2',
  data: {
    title: 'World'
  }
})

我们初始化了两个Vue实例，vm和vm2，那么我们就可以在vm2中改变vm，或者vm中去改变vm2。