Usage of getters

examples/vuex-store-modules/pages/todos.vue

@@ -13,12 +13,12 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
+import { mapMutations, mapGetters } from 'vuex'
 
 export default {
-  computed: {
-    todos () { return this.$store.state.todos.list }
-  },
+  computed: mapGetters({
+    todos: 'todos/todos'
+  }),
   methods: {
     addTodo (e) {
       var text = e.target.value

examples/vuex-store-modules/store/todos.js

@@ -14,3 +14,9 @@ export const mutations = {
     todo.done = !todo.done
   }
 }
+
+export const getters = {
+  todos (state) {
+    return state.list
+  }
+}