watch: { isAuthorized(loggedIn) { !loggedIn && router.push({ name: 'apps' }) } }

тоже люблю так писать

watch: { isAuthorized(loggedIn) { !loggedIn && router.push({ name: 'apps' }) } }

Вах, красота какая, из доков было непонятно, будет литакое работать, надо будет исправить у себя

ребят

кто нить замечал что js Date() некорректно отрабатывает в safari?

http://codepen.io/seoperin/pen/YNwzWK

есть у кого возможность глянуть в сафари и заскринить?

ну я там конечно наговнокодил наверно, щас буду думать как переделать нормально

но интересно что за баг

У меня в сафари вроде все ок

говорят в сафари toLocaleString хреново работает, может в старых версиях

https://puu.sh/thpvv/147ad3ac6b.png

так получается

щас подумаю как без toLocaleString сделать

"Отображается так в настольном Safari и на iPad, так как там полная версия сайта. В мобильной на iPhone почему-то такого нет" - говорят мне

стандартный intl полифилл?

а?)

я с js на Вы

сунь в скрипты страницы

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

поможет?

ну или как там скрипты на крупнее подключаются

Кодпене

ага, понял, щас

то же самое

:(

в общем то надо просто выводить текст "Распродажа до 10 января" на сегодняшний день всегда...

как еще можно?

а ну ваще там ссылка на полифил то не рабочая)

или так и должно быть

@vuejs_ru

Спасибо

не туда :D

Ахахахаха

=))

Ну да

Гуру подскажите, вот туплю прям

ready : function() { this.$http.get('http://admin:1@espo.lc/api/v1/FinishedGoods').then( function ( response ) { this.goods = response.data; }, function (response) { console.log('An error occurred.'); } ); }

Вот это должно сразу исполниться как только страница загрузилась ?

в 1.х да, ready. В 2.х mounted

когда компонент смонтировался

Так я компонент не монтировал

Потому что не использую это пока что

Мне бы побыстрому накидать: var app = new Vue({ el: '#goods', data: { goods: [], }, ready : function() { this.$http.get('http://admin:1@espo.lc/api/v1/FinishedGoods').then( function ( response ) { this.goods = response.data; }, function (response) { console.log('An error occurred.'); } ); } });

В Vue как бы нет одного понятия "страница загрузились". Там происходит несколько событий во время загрузки/рендера страницы

какая версия vue?

вытащить данные по Api да списочек разложить, что бы не делать полотно из вёрстки

какая версия vue?

Последняя

ready замени на mounted

ready замени на mounted

Секунду

https://ru.vuejs.org/v2/guide/instance.html#Хуки-жизненного-цикла-инстанса

Скучно вам тут без меня, поэтому задам архитектурный вопрос

Я сейчас пилю что-то похожее на магазин приложений Будет неплохо хранить данные о приложении в хранилище?

Смотря какие

Название, превью картинку, краткое описание и её id

Зачем их хранить в хранилище?

Зачем их хранить в хранилище?

Чтобы не грузить слишком сервер когда пользователь возвращается назад

Посмотрев какое-то приложение

Ну ок. Но готовься к проблемам синхронизации клиента и сервера :)

К примеру пользователь и несколько вкладок

А как правильно сделать то?

ERROR: S client not available

Каждый раз подгружать?

Илья, как разделяешь, что хранить в сторе, а что в компоненте? Я для себя так и не определил четкий критерий

Илья, как разделяешь, что хранить в сторе, а что в компоненте? Я для себя так и не определил четкий критерий

+

Илья, как разделяешь, что хранить в сторе, а что в компоненте? Я для себя так и не определил четкий критерий

Если это нужно в одном месте - то в сторе ему не место :)

Если чтото нужно сохранять между сессиями (в локалсторадж или индексед дБ) - то в стору

И вопрос в догонку: Я у пользователя храню только token и username Стоит ли делать мутацию которая ничего не изменяет в случае если пользователь меняет пароль? Например для логов

Можно, но вообще это архитектурно плохо

Вот я украл у тебя токен твоего пользователя

Как ты сделаешь мой токен не валидным?

А как ты его украдешь?

Да неважно

Xss, mitm, да что угодно

Ну, я его передаю в заголовке + https

Хм, как тогда это исправить? Хранить в куках?

Между сессиями-то понятно. Я пробовал перекидывать логику, но когда писал для себя в итоге, пришел к тому, что всю основное вынес в мутации, а асинхронную логику в действия, кторые дергают только мутации. Компоненты дергают только действия или мутации. Внутри компонент остается только их внутренний стейт, изменения которого не нужно запоминать (какой радио баттон выбран в группе, например). В итоге все видно в devTools, все состояние можно мотать туда-сюда, и кажется, что так и нужно по хорошему, нет?

Сложный вопрос

Так сделано в redux

И это неплохо

Но слегка избыточно местами

Как и само использование паттерна с хранилищем

Да. Поэтому я сейчас немного по другому рассуждаю

Между сессиями-то понятно. Я пробовал перекидывать логику, но когда писал для себя в итоге, пришел к тому, что всю основное вынес в мутации, а асинхронную логику в действия, кторые дергают только мутации. Компоненты дергают только действия или мутации. Внутри компонент остается только их внутренний стейт, изменения которого не нужно запоминать (какой радио баттон выбран в группе, например). В итоге все видно в devTools, все состояние можно мотать туда-сюда, и кажется, что так и нужно по хорошему, нет?

Я в действия сейчас всю логику выношу, которая нужна в нескольких местах: Например запросы для авторизации, регистрации, выхода, смена пароля все в модуле хранилища user прописал

Если мне данные нужны на одной странице и у меня нет сложных сценариев их обработки - я их в стору не кидаю

Если же в нескольких (простейший пример - у меня список пользователей на одной странице и в редакторе дропдаун с этим же списком) - такие данные в хранилище

Я в действия сейчас всю логику выношу, которая нужна в нескольких местах: Например запросы для авторизации, регистрации, выхода, смена пароля все в модуле хранилища user прописал

Т.е прям запросы к серверу в них прописаны через asio, а взвращаю промисы

Чтобы не грузить слишком сервер когда пользователь возвращается назад

посмотрел service worker API ? там же есть разные стратегии - типо local first / server first и тд.

посмотрел service worker API ? там же есть разные стратегии - типо local first / server first и тд.

Не, не смотрел, сейчас почитаю

а потом сразу сюда - https://github.com/GoogleChrome/sw-toolbox

чтобы не писать все руками

Мужики чё не так с ней а ? : var token = btoa('admin : 1'); Vue.http.get('https://espo.lc/api/v1/FinishedGoods',{ headers:{ "Authorization" : "Basic " + token, } })