Vue

HTML

<div id="app">
  <x-foo></x-foo>
  <hr>
  <x-bar></x-bar>
</div>

Vue

const data = {
	hover: 'test',
}

const mixin = {
    data() {
        return data
    }
}

const foo = Vue.component('x-foo', {
	template: `
  	<div>
    	<div>foo {{hover}}</div>
      <input type="text" v-model="hover" />
  	</div>
  `,
  mixins: [ mixin ]
})

const bar = Vue.component('x-bar', {
	template: `<div>bar {{hover}}</div>`,
  mixins: [ mixin ]
})

new Vue({
  el: "#app",
})