Сопоставленная функция Vuex "не является функцией", но все еще загружается

Question

Когда я вызываю сопоставленное действие Vuex в моем смонтированном хуке, действие работает, но я получаю ошибку «TypeError: xxx не является функцией» в консоли.

Вот весь мой раздел скрипта для этого компонента:

<script>
import SideNav from '@/components/SideNav.vue'
import ActionBar from '@/components/ActionBar.vue'
import Summaries from '@/components/Summaries.vue'
import { mapState, mapActions } from 'vuex'

export default {
  components: { SideNav, ActionBar, Summaries },
  computed: {
    ...mapState(['dataLoading']),
    ...mapActions(['init'])
  }, 
  mounted() {
    this.init();
  }
}
</script>

Answer 1

Вы должны отобразить Действия как methods вместо computed, см. диспетчерские действия в компонентах :

computed: {
  ...mapState(['dataLoading'])
},
methods: {
  ...mapActions(['init'])
},
mounted() {
  this.init();
}