Vuex minimal example

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/3.0.1/vuex.min.js"></script>
<div id="vue">
<basic></basic>
<extended></extended>
</div>

JavaScript

const store = new Vuex.Store({
	state:{
  	data: 10
  },
  getters: {
  	getData: state => {
     return state.data;
    }
  }
})

Vue.component('basic', {
  template: '{{storeData}}',
    computed:{
  	storeData () {
      	return this.$store.getters.getData
    }
  }
});

Vue.component('extended', {
  extend: basic
});

new Vue({
	el:'#vue',
  store,

})