我遇到的问题

今天要用这个，然后用cnpm安装了，cnpm install vuex --save,然后用不了this.$store，后面使用了npm又重新安装一次就可以用了。

store使用步骤：

1.src/store目录下建立index.js,并加入如下内容：

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

// 告诉 vue “使用” vuex
Vue.use(Vuex)

// 创建一个对象来保存应用启动时的初始状态
// 需要维护的状态
const store = new Vuex.Store({
  state: {
    // 放置初始状态 app启动的时候的全局的初始值
    bankInf: {"name":"我是vuex的第一个数据","id":100,"bankName":"中国银行"}
  }
})
// 整合初始状态和变更函数，我们就得到了我们所需的 store
// 至此，这个 store 就可以连接到我们的应用中
export default store

常见错误1

from 后面的内容改大写，如import Vuex from ‘Vuex’,这样是错的，这个不能乱改，只能小写

常见错误2

使用时的大小写和设置的不匹配
如：

import vuex from 'vuex'
import Vue from 'vue'
vue.use(Vuex)

此处两个错误：vuex导入为小写，使用是大写；vue导入大写使用小写，正确应为：

import vuex from 'vuex'
import vue from 'vue'
vue.use(vuex)

或：

import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)

2.在main.js中导入

import store from './store'

new Vue({
  el: '#app',
  router,
  store,//此处需加入store
  components: { App },
  template: '<App/>'
})

常见错误3

vue部分未引入store

补充我的错误

如果用cnpm install vuex --save后无法使用$store,可尝试用npm install vuex --save再试一次