日拱一卒-vue中的状态管理

在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

相关文章
相关标签/搜索