Как убрать скачки стейта в vue приложении?

E-em:

мне надо кнопку наоборот скрывать если пользователь залогинен, геттер просто отдельный файл который импортится в модуль, код которого я скинул выше в комментах

Это абсолютно неважно. Я приложил максимум усилий. Я не смогу помочь, если не увижу кода.

Как убрать скачки стейта в vue приложении?

E-em в этой системе комментирования абсолютно невозможно вести диалог. Если вы желаете продолжить обсуждение вашей проблемы, я предлагаю перейти в мессенджер. Можно здесь: https://tlk.io/vue. Либо, выложите ваш код в репозиторий, чтобы я мог на вашем же примере показать как это работает.

Как убрать скачки стейта в vue приложении?

@E-em

Сделал геттер такой
export default {
isAuthenticated (state) {
return state.authenticated
}
}

Этот код где находится? Внутри компонента? Какой это тогда Vuex геттер? Я уже скидывал ссылку на документацию геттеров выше.

а в чём разница между навешиванием if'ов на простые ссылки? оно всё равно проскакивает.
{{ name }}
Войти

Здесь ваш if проверяет authenticated и показывает {{ name }} если true. Само собой это будет проскакивать, потому что вы не делаете то, что я показал в примере.

<template v-if="authenticated">
    <кнопка />
 </template>

Что происходит в этом коде? Мы проверяем authenticated и если true рендерим кнопку.

Conditional Rendering

Как убрать скачки стейта в vue приложении?

E-em: кажется, вы не понимаете о чем речь. Выложите в gist код компонента с которым у вас проблема и код store. Ну и ссылки запостите сюда.

Как убрать скачки стейта в vue приложении?

E-em:

И почему authenticated в getters? у меня он определяется после экшена, потом мутация передает в стейт, и уже потом через mapState вывожу во вьюху статус и юзер дату

Пожалуйста, если это работает, можно брать напрямую из state. Но если вдруг потом захочется чуток переписать, то придется искать обращения к state во всем коде. В случае геттера, переписать можно только один геттер. Vue Getters

Как убрать скачки стейта в vue приложении?

E-em:

если добавить на template весь if то он исчезает при рефреше,

Так, а не надо делать на весь. Можно внутри template сделать template с v-if.

<template>
<div class="wrapper">
 <template v-if="authenticated">
    <кнопка />
 </template>
</div> 
</template>

Как правильно организовать структуру SPA + Backend?

Более популярен react.js stateofjs.com/2016/frontend
во vue.js захотите найти готовый модуль, могут возникнуть проблемы.

Настройка webpack в случае использования react принципиально ничем не отличается от настройки webpack в случае использование vue как и в случае настройки webpack при использования любых других фронтенд-фреймворков.

Следует понять, что вам нужно от webpack, сформулировать это и посмотреть в документацию, либо, если ваш случай не описан в документации, поискать в сети.

Популярность какого-либо инструмента не означает, что вы должны автоматически использовать его во всех ваших проектах. Формализуйте вашу задачу, возможно вам и не нужен никакой новомодный фреймворк и подойдет старый добрый jQuery.

Как в Sketch накладывать фото на шейп?

Kris125: Control + Cmd + M. sketchshortcuts.com