vue我这个组件总显示不出来是怎么回事?

3131975015
  • 411

为什么note组件显示不出来呢?提示了几个错误[vuex] must call Vue.use(Vuex) before creating a store instance.

还有store.js里面提示'Vue' is defined but never used
main.js里面也提示'store' is defined but never used

note.vue

<template>
  <div>
    aaaa
    {{msg}}
  </div>
</template>

<script>
export default {
  name: 'note',
  data () {
    return {
    }
  },
  computed: {
    msg () {
      return this.$store.state.msg
    }
  }
}
</script>

<style scoped>
</style>

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import Mint from 'mint-ui'
import 'mint-ui/lib/style.css'
import Vuex from 'vuex'
import store from './store/store.js'

Vue.use(Vuex)
Vue.use(Mint)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Note from '@/components/Note'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'note',
      component: Note
    }
  ]
})

APP.vue

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
</style>

store.js

import Vue from 'vue'
import Vuex from 'vuex'

export default new Vuex.Store({
  state: {
    msg: 'aaa'
  },
  mutations: {
  },
  components: {
  },
  modules: {
  },
  actions: {
  }
})
回复
阅读 2.9k
3 个回答
new Vue({
  el: '#app',
  router,
  store, // --- 这一行 
  components: { App },
  template: '<App/>'
})

main.js里面的引入Vuex去掉,Vue.use(Vuex)去掉

在store里面加入Vue.use(Vuex)

store也要用到,要么去掉,注册变量不使用的都去掉

可以看英文就知道意思啊,提示注册未使用应该是你用了eslint的语法检查,可以去学习或关掉对应的配置

你没有把store传入new Vue里面,然后去掉 Vue.use(Vuex)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏