Почему ...mapGetters нельзя распоковкавать в data?

Question

[Sector567]

Почему распоковывать нужно в computed , а не так например:

export default {
    data(){
        return{
             ...mapGetters([
                'doneTodosCount',
                 'anotherGetter'
                  // ...
            ])
        }
    }
};

Answer 1

[Андрей Пастухов]

Из доки vuex
Функция mapGetters просто проксирует геттеры хранилища в локальные вычисляемые свойства компонента

Тоесть mapGetters(['doneTodosCount']) превращается в

{
  doneTodosCount() {
    return this.$store.getters.doneTodosCount;
  },
}

Comments

[Sector567]

да, но не совсем понятно почему именно в " вычисляемые свойства компонента"?

[Андрей Пастухов]

Еще раз, констукция ...mapGetters(['doneTodosCount']) в data выдаст

{
  data() {
    return {
      doneTodosCount: function doneTodosCount() { ... },
    };
  },
}