在vue的官方文档中,咱们能看到状态管理这么一小节。
这一小节讲得很是简单,以致于咱们很容易就忽略掉,觉得这只是vuex的引文。
实际上,vue提供了一个简单的状态管理的方法,不须要引入重量级的vuex,却能得到相似vuex的体验。如下简单讲讲我理解的用法:
首先咱们先建立一个store.js文件:vue
export default { // 这是用来存放值的地方,好比咱们要存id值,默认为0 state : { id : 0 }, 这是暴露在外面的方法,能够用来操做值 set (value) { this.state.id = value; } }
以后须要在用到的地方进行引入:vuex
import store from '../../vuex/storeModule'
而后即可以这样来使用store:模块化
data () { return { id: store.state } } methods : { setid (value) { store.set(value) } }
看起来就和vuex很像。可是和vuex的区别在于,这是一个局部的vuex,而不是全局的。this
回头想了一下,这好像并非vue提供的store模式,而是模块化自带就有的东西,和vue没有任何关系。应该说,vuex的实现,大致上也是基于这样子的模式。所以咱们这种写法就是模拟了一个简单版的vuex。
此处存疑,待以后继续深究。code