vuex中的state值一般是不能再外面修改的,如果开发者外面修改store里面的值就失去其存在的意义了,这里需要其加属性如下所示:
const isDev = process.env.NODE_ENV == 'development'//增加这一条限制开发者在外面修改,设置后再组件中修改就会报错入下面的报错 export default () =>{ return new Vuex.Store ({ strict :isDev, state:defaultState, mutations, getters, actions }) } 在state.js文件中设置如下:
export default { counter:11, fistName:'Jokcy', lastName:'Lou' }
在组件中修改:
mounted () { this.$store.state.counter = 18 }, 就会报如下的错误