strict.md 1.1 KB

厳格モード

厳格( strict )モードを有効にするには、Vuex store を作成するときに、ただ strict: true を指定するだけです:

const store = new Vuex.Store({
  // ...
  strict: true
})

厳格モードでは、Vuex のステートがミューテーションハンドラの外部で変更されたら、エラーを投げます。これで全てのステートの変異がデバッギングツールで明示的に追跡できることを保証します。

開発環境 vs 本番環境

本番環境に対して 厳格モードを有効にしてデプロイしてはいけません! 厳格モードでは不適切なミューテーションを検出するためにステートツリー上に対して深い監視を実行します。パフォーマンスコストを回避するために本番環境では無効にしてください。

プラグインと同様に、ビルドツールに処理させることができます:

const store = new Vuex.Store({
  // ...
  strict: process.env.NODE_ENV !== 'production'
})