diff --git a/examples/vuex-store-modules/pages/todos.vue b/examples/vuex-store-modules/pages/todos.vue
index 771dfe72a0..a3aef45096 100644
--- a/examples/vuex-store-modules/pages/todos.vue
+++ b/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
diff --git a/examples/vuex-store-modules/store/todos.js b/examples/vuex-store-modules/store/todos.js
index 5f8d378e73..befde00b95 100644
--- a/examples/vuex-store-modules/store/todos.js
+++ b/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
+  }
+}