acoshift/index.html

## index.html
<!doctype>
<html>
  <div id="app"></div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.js"></script>
  <script>
    // create single state instance
    const state = {
      value: 0
    }

    Vue.mixin({
      // return same instance
      data: () => state
    })

    Vue.component('incr', {
      template: `<button @click="action">Incr</button>`,
      methods: {
        action () {
          this.value++
        }
      }
    })

    Vue.component('decr', {
      template: `<button @click="action">Decr</button>`,
      methods: {
        action () {
          this.value--
        }
      }
    })

    new Vue({
      el: '#app',
      template: `
        <div>
          Current Value: {{ value }}<br>
          <incr/>
          <decr/>
        </div>
      `
    })
  </script>
</html>
	<!doctype>
	<html>
	<div id="app"></div>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.js"></script>
	<script>
	// create single state instance
	const state = {
	value: 0
	}

	Vue.mixin({
	// return same instance
	data: () => state
	})

	Vue.component('incr', {
	template: `<button @click="action">Incr</button>`,
	methods: {
	action () {
	this.value++
	}
	}
	})

	Vue.component('decr', {
	template: `<button @click="action">Decr</button>`,
	methods: {
	action () {
	this.value--
	}
	}
	})

	new Vue({
	el: '#app',
	template: `
	<div>
	Current Value: {{ value }}<br>
	<incr/>
	<decr/>
	</div>
	`
	})
	</script>
	</html>