Evgeny Kulakov

Ответ банальным будет - делайте так как удобнее вам. Если не видите причин использовать - не используйте. Я ни в одном проекте пока не нашёл удобным для себя это делать.

По-моему это породит сложности, особенно в части реактивности стора, которые перевесят преимущества использования класса для модели. Vuex хорошо работает с плоскими объектами и простыми типами данных. В вашем варианте, чтобы все работало без танцев с бубном и отлавливанием багов связанным с тем, что где-то отвалилась реактивность, вам нужно каждый при любом изменении пересоздавать сущность и мержить предыдущее состояние с новым, что будем тем еще гемороем имхо. Плюс такое пересоздание сказывается на производительности в целом, т.к. для полей объекта будут каждый раз создаваться геттеры/сеттеры для обеспечения реактивности. Если объектов много - это начинает сказываться. Вообщем, vue - он мутабелен по своей природе, в этом его преимущество и недостаток одновременно.

Возможно экшн еще не отработал. Сделайте вот так для проверки:

store.dispatch('getUser').then(() => {
new Vue({
    el: '#app',
    router: router,
    components:{
        'head-app':headImplant,
        'footer-app':footer,
        'sidebar-app': sidebar
    }
})
})