日拱一卒-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

相關文章
相關標籤/搜索