strict.md 1.1 KB

厳格モード

厳格モードを有効にするには、Vuex store を作成するときに、単純に strict: true を指定します:

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

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

開発環境 vs 本番環境

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

ミドルウェアと同様に、ビルドツールに処理させることができます:

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