Vuesjs - multiple vue instances with shared State

Multiple vue instances. From http://vuejs.org/guide/application.html#State_Management

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.11/vue.min.js"></script>
<div id="appA">
<input v-model="pState.dA">
<input v-model="hubState.message">
<pre>{{pState.dA}}</pre>
<pre>{{$data | json}}</pre>
</div>

<div id="appB">
<input v-model="pState.dB">
<input v-model="hubState.message">
<div v-text="hubState.message">
</div>
</div>
<pre>{{pState.dB}}</pre>
<pre>{{$data | json}}</pre> 
</div>

JavaScript

var hub = {
  state: {
    message: 'Hello!'
  }
}

var vmA = new Vue({
	el: '#appA',
  data: {
  	  pState: {
    		dA: "hello A" 
    },
    hubState: hub.state
  }
})

var vmB = new Vue({
	el: '#appB',
  data: {
  	pState: {
    	dB: "hello B"
    },
    hubState: hub.state
  }
})