вообще asyncData неправильное название для этого хука, правильнее было бы просто async

нельзя )

ключевое слово. И хоть его можно использовать в имени методов - это плохой тон

async async() { ... }

async async() { ... }

ну можно хотя бы asyncReady, ли ещё как, но не asyncData, ибо это даёт людям ложное представление о том, что asyncData должен вернуть какие-то данные

на самом деле он просто должен зарезолвить возвращаемый Promise

вообще-то в канонической интерпретации он возвращает данные

https://nuxtjs.org/api/

The result from asyncData will be merged with data.

а теперь представим простейшую ситуацию, что рендер верхнего уровня зависит от того - пришел нам токен пользователя в запросе или нет

да, я понимаю, думаю как можно решить вопрос с v-if

на самом деле он просто должен зарезолвить возвращаемый Promise

Резолвя этот промис мы понимаем что в vuex произошел action. Собственно там появились данные. Которые мы будем использовать при рендере

да, я понимаю, думаю как можно решить вопрос с v-if

никак, v-if тьюринг-полон

соответственно нам нужно только запускать код

а раз он тьюринг-полон (а тьюринг-полон он банально потому что там может быть любое подмножество языка JS, а сам JS очевидно тьюринг-полон) -задача остановки для него неразрешима

https://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%BE%D0%B1%D0%BB%D0%B5%D0%BC%D0%B0_%D0%BE%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B8

математика, бессердечная сука

убивает мечты программистов с 1936 года

???

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

компьютеды вон идеально работают несмотря на то что там может быть куча ветвлений

код просто не зайдет в ветвление если другой компьютед не триггернулся

Можно точно сказать, что ничего не произойдет, если ничего не делать ))))

компьютеды вон идеально работают несмотря на то что там может быть куча ветвлений

да, но для того чтобы это работало компьютед должен строго зависеть только от того что внутри компонента

и только от реактивных сущностей

@xanf_ua, окей.. я сейчас задам глупый вопрос, но мне, наверно, можно.. лимит глупости в чате пока не пройден, я счетаю. Почему не сделать отдельных хук, который будет позволять дальнейший рендер компонента только после его резольва? Тогда код станет понятней. И каждый сам себе выберет, что там делать, наполнять стору или локальный стейт. Мы одинаково ждем резольва всех вложенностей на сервере. И только тогда рендерим. Условно мы потереям в скорости, так как через промис олл, отправленные на разные апи запросы зарезолвятся все быстрее, но стандартно в 90% мы фетчим всё с своей родной апишечки...

да, но для того чтобы это работало компьютед должен строго зависеть только от того что внутри компонента

Вспомнил async внутри computed )))

@xanf_ua, окей.. я сейчас задам глупый вопрос, но мне, наверно, можно.. лимит глупости в чате пока не пройден, я счетаю. Почему не сделать отдельных хук, который будет позволять дальнейший рендер компонента только после его резольва? Тогда код станет понятней. И каждый сам себе выберет, что там делать, наполнять стору или локальный стейт. Мы одинаково ждем резольва всех вложенностей на сервере. И только тогда рендерим. Условно мы потереям в скорости, так как через промис олл, отправленные на разные апи запросы зарезолвятся все быстрее, но стандартно в 90% мы фетчим всё с своей родной апишечки...

а кто мешает сделать это самому

но это не отменяет проблемы рендера дерева чтоб собрать все компоненты

Интересная вики ссылка. То есть sync просто не существует?

Все есть промис )))))

Программа не может, не запустившись, эмулировать собственный запуск ))

все есть обзервабл

а кто мешает сделать это самому

Мне мешает время понимания внутренности vue и в js я может месяцев пять, колупать буду долго. Но вот когда они решали реализацию ssr кто-то же предложил сделать заворот так как он есть сейчас, хотя могли бы сделать два пути. Не одни же мы тут уперлись в стейт отдельного компонента

никто не выдумывал ничего

сср в реакте )

взязли скопировали

Так и что нам в итоге остаётся? Юзать vuex вместо локального стейта для корректного ssr?

конечно

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

а асинкдата вызывается в контексте beforeRouteEnter и она же имеет доступ только к стору, разве нет ?

она не имеет доступа к компоненту

В реактивность может бродкаст, но поисковикам пох на это

на сервере она вызывается не в beforeRouteEnter конечно же

В beforeServerRender ???

нет, руками

на сервере она вызывается не в beforeRouteEnter конечно же

ну смысл тот же

тут всё расписано https://ssr.vuejs.org/en/data.html

Server Data Fetching (кривая дока не умеет в анкоры)

https://ssr.vuejs.org/en/data.html#server-data-fetching

как ты это сделал, шаман

Яжпрограммист )))

а ну. почему они не догадались в строку добавить anchor-js

Это че?

Они не сделали ссыль прост

это крутая либа которая сама делает ссылки

вот так https://www.bryanbraun.com/anchorjs/#basic-usage

и около хедингов няшные закорючки появляются как в гитхабах

this.isTouchDevice = function() { return !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch); };

Найс )))

не понял на что именно ты обратил внимание )

крутой способ чекнуть ?

Да

Отсюда https://github.com/Modernizr/Modernizr/blob/da22eb27631fc4957f67607fe6042e85c0a84656/feature-detects/touchevents.js#L40

Как сделать анимацию смены состояния?

есть вот <div>{{text}}</div> Как сделать анимацию fade out fade in (или еще какую) при смене text?

ERROR: S client not available

Check out @_aaronwelsh's Tweet: https://twitter.com/_aaronwelsh/status/900847922727833600?s=09

Только не это...

есть вот <div>{{text}}</div> Как сделать анимацию fade out fade in (или еще какую) при смене text?

Какое свойство будешь анимировать?

Какое свойство будешь анимировать?

Если я правильно понял вопрос: чтобы при смене текст затемнялся (засветлялся, fade) и потом плавно появлялся новый текст

интересует не сам css а как запустить то ее?

https://ru.vuejs.org/v2/guide/transitioning-state.html Тут точно нет?

а чего обычным css нельзя?

тут я как понимаю js будет гоняться.. чуть ли не через state

просто... на всякие появления, смены компонентов это работает на ура. А вот на обнволение данных - через js. Странно как то

Adonis 4 вышел

просто... на всякие появления, смены компонентов это работает на ура. А вот на обнволение данных - через js. Странно как то

Появление компонента - это JS

ну сама анимация то через css

я вот специально не учил но как то само собой. не скажу что знаю ) и не скажу что умею верстать

Тем не менее, медиа-запросы неправильно работают в цсс)

всмысле ?

Тем не менее, медиа-запросы неправильно работают в цсс)

Ты имеешь ввиду не совпадает с JS?

а это ты. ну конечно неправильно. max-width и min-width это максимально убогое апи

ну сама анимация то через css

Добавь класс

да я бугуртил недавно про это

благо в новых версиях уже починили на нормальные > >= < <=

Добавь класс

хз... нэ пашет... пока не критично. ПОтом поспрашиваю. Использовал те же классы что и для appear, для вставки в список (кстати разъезжание списка тоже не получилось).

У Сарочки выходит, а у тебя нет?

медиа квери будут поддерживать luminosity

круто ваще

что круче? less sass что там еще?

в чем ваще различие?

блин читать спеки это потрясающе. не надо ждать пока какойнибудь упорок прочитает и со сцены перескажет

что круче? less sass что там еще?

что нравится то и юзай, все одинаковые почти

в чем ваще различие?

минорное, юзай что проще заюзать.

А есть какая то подсветка, или лог какой, чтобы понять что именно было перерисовано?

лол сегодня https://drafts.csswg.org/mediaqueries-5/

А есть какая то подсветка, или лог какой, чтобы понять что именно было перерисовано?

а в реакте есть такое?

я хз