在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