no message

 <template lang="html">
 <template lang="html">
   <div>
   <div>
-    count: {{ count }}
-    countPlusLocalState: {{countPlusLocalState}}
+    count: {{ count }} <br />
+    countAlias: {{ countAlias }} <br />
+    countPlusLocalState: {{countPlusLocalState}} <br />
+    localComputed: {{localComputed}}
   </div>
   </div>
 </template>
 </template>
 
 
@@ -13,19 +15,24 @@ import {
 export default {
 export default {
     data() {
     data() {
         return {
         return {
-          localCount: 10
+            localCount: 10
         }
         }
     },
     },
-    computed: mapState({
-      // 箭头函数可以让代码非常简洁
-      count: state => state.count,
-      // 传入字符串 'count' 等同于 `state => state.count`
-      countAlias: 'count',
-      // 想访问局部状态，就必须借助于一个普通函数，函数中使用 `this` 获取局部状态
-      countPlusLocalState (state) {
-        return state.count + this.localCount
-      }
-    }),
+    computed: {
+        localComputed() {
+            return 'localComputed'
+        },
+        ...mapState({
+            // 箭头函数可以让代码非常简洁
+            count: state => state.count,
+            // 传入字符串 'count' 等同于 `state => state.count`
+            countAlias: 'count',
+            // 想访问局部状态，就必须借助于一个普通函数，函数中使用 `this` 获取局部状态
+            countPlusLocalState(state) {
+                return state.count + this.localCount
+            }
+        })
+    },
     mounted() {},
     mounted() {},
     methods: {},
     methods: {},
     components: {}
     components: {}

 <template lang="html">
 <template lang="html">
     <div>
     <div>
-      doneTodos: {{doneTodos}}
+      doneTodos: {{doneTodos}} <br />
       doneTodosCount: {{doneTodosCount}}
       doneTodosCount: {{doneTodosCount}}
     </div>
     </div>
 </template>
 </template>

 import Vue from 'vue'
 import Vue from 'vue'
 import Vuex from 'vuex'
 import Vuex from 'vuex'
+import * as types from './types'
 
 
 Vue.use(Vuex)
 Vue.use(Vuex)
 
 
@@ -40,7 +41,7 @@ const store = new Vuex.Store({
             }
             }
         },
         },
         getters: {
         getters: {
-            doneTodos: state => {
+            [types.DONE_TODOS](state) {
                 return state.todos.filter(todo => todo.done)
                 return state.todos.filter(todo => todo.done)
             },
             },
             doneTodosCount: (state, getters) => {
             doneTodosCount: (state, getters) => {

+export const DONE_COUNT = 'todos/DONE_COUNT'
+export const FETCH_ALL = 'todos/FETCH_ALL'
+export const TOGGLE_DONE = 'todos/TOGGLE_DONE'
+export const DONE_TODOS = 'doneTodos'