Vuexを使って州の木を旅行（ロールバック）する方法は？

Question

Vuexを使用してタイムトラベル機能を実現するにはどうすればよいですか？私は以前の状態に戻って、何かを元に戻したい。

それは可能ですか？

これを達成する方法はありますか？

はちょうどあなたが唯一のあなたはそれを元に戻す可能なようにしたい部分を選択することができ、あなたの店にprevStateを追加し、あなた自身でそれを実装store.rollback(1)

Answer 1

のようなものを期待していました。

店

const state = { 
    count: 0, 
    prevCount: null 
} 

変異：

はここだけで1つの履歴レコードをサポートする最も単純な例であり、

const INCREMENT = state => { 
    state.prevCount = state.count 
    state.count += 1 
} 

const UNDO = state => { 
    if (state.prevCount !== null) { 
    state.count = state.prevCount 
    state.prevCount = null 
    } 
} 

あなたはより多くの歴史を持っている必要がある場合は、ただ配列に入れてください

const state = { 
    count: 0, 
    countHistory: [] 
} 

、その後、あなたは自動的にすべての歴史を保存したい場合には、レコードの

別の解決策は、plugin（ミドルウェア）でのアンドゥ/保存することstate.countHistory.pop()とstate.countHistory.push(xx)を使用することができます。