|
@@ -32,7 +32,9 @@ const store = new Vuex.Store({
|
|
|
})
|
|
|
```
|
|
|
|
|
|
-ゲッターは `store.getters` オブジェクトから取り出されます:
|
|
|
+### プロパティスタイルアクセス
|
|
|
+
|
|
|
+ゲッターは `store.getters` オブジェクトから取り出され、プロパティとしてアクセスすることができます:
|
|
|
|
|
|
``` js
|
|
|
store.getters.doneTodos // -> [{ id: 1, text: '...', done: true }]
|
|
@@ -63,6 +65,10 @@ computed: {
|
|
|
}
|
|
|
```
|
|
|
|
|
|
+プロパティとしてアクセスされるゲッターは Vue のリアクティブシステムの一部としてキャッシュされるという点に留意してください。
|
|
|
+
|
|
|
+### メソッドスタイルアクセス
|
|
|
+
|
|
|
関数を返り値にすることで、ゲッターに引数を渡すこともできます。これは特にストアの中の配列を検索する時に役立ちます:
|
|
|
```js
|
|
|
getters: {
|
|
@@ -77,6 +83,7 @@ getters: {
|
|
|
store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false }
|
|
|
```
|
|
|
|
|
|
+メソッドによってアクセスされるゲッターは呼び出す度に実行され、その結果はキャッシュされない点に留意してください。
|
|
|
|
|
|
### `mapGetters` ヘルパー
|
|
|
|