vuex笔记04 getters 02

// App.vue
<template>
  <div id="app">
    Complete Todos: {{ doneTodos }}<br/>
    {{ doneTodosCount }}<br/>
    <!-- {{ getTodoById }} -->
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
  name: 'App',
  // computed: {
  //   doneTodos () {
  //     return this.$store.getters.doneTodos;
  //   },
  //   doneTodosCount () {
  //     return this.$store.getters.doneTodosCount;
  //   },
  //   getTodoById () {
  //     return this.$store.getters.getTodoById(2);
  //   }
  // }
  computed: {
    ...mapGetters([
    'doneTodos',
    'doneTodosCount'
  ])
  }
}
</script>