vuex 访问Store之state,getters,mutat

1、项目new-project的src下建立一个store.js.

const指示常量。

export default new Vuex.Store({

state,

mutations,

getters,

actions

})

这个export default new Vuex.Store 注意Store的s必须大写，不然会报错没有这个构造方法: Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.sto。

另外，这个Store里的各个组件的名字是固定的，就是这些，注意复数形式。

vuex 的store.js

2、main.js中引入store.js

main.js中引入store.js

3 、页面上添加部分内容，测试是否用到了store.js

页面应用测试

4、vue实例中使用vuex

vue 实例中使用vuex的存储