我配置完vuex后發(fā)現(xiàn)在組件內(nèi)無法使用

這是main.js

import Vue from 'vue'
import 'es6-promise/auto'
import App from './App'
import router from './router'
import vuex from 'vuex'

/* eslint-disable no-new */
Vue.use(vuex);
var store = new vuex.Store({//store對象
    state:{
        show:"aaaaaaa"
    }
})

new Vue({
  el: '#app',
  router,
  store,//使用store
  components: { App },
  template: '<App/>'
})

helloworld.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>Essential Links</h2>
    <h1>11111{{store.state.count}}</h1>
  </div>
</template>

<script>
export default {
  created(){
      this.fetchData()
  },
  watch:{
      '$route':'fetchData'
  },
  methods:{
      //路由越換
    fetchData(){
      console.log("1111")
      console.log(store.state.count)
    },
  },
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
}
</script>

然后就會報錯

大佬們，這是我哪里配置的不對么，該如何修改