Anykeyman
Уважаемые разработчики, подскажите на vue ex можно ли сделать асинхроный ajax ?
Nikita
В доке
Nikita
Открываешь раздел экшены и смотришь, там это или первый или второй пример
Anonymous
Если так то мы бы не видели транзишн
да. ты прав. стоит попробовать так. меня просто другое смущает - помимо транзишена у меня навешивает класс. т.е. как v-show работает класс (изза media чисто) и хочется чтобы было data-driven
Denis
Стас, ты можешь по русски сказать че те надо? Можно ставить мув транзишн.
Roman
мне тут подсказали как нужно сделать чтоб компонент подгружал данные асинхронно, нужно объект из data просто через сеттер напрямую изменить, я пока заменил запрос на сервер простым timeout'ом:
export default {
data() {
return {products: {}};
},
asyncData() {
console.log('READY1');
return new Promise(function(resolve, reject) {
setTimeout(() => {
console.log('READY2');
this.products = testdata;
resolve();
}, 1000);
});
}
};
но к сожалению вообще нихера не работает... даже console.log не высвечивается... как так то?!
Anonymous
мне надо красиво выезжающий див но только на мобилке
Anonymous
ну сам выезд сделал на velocity
Anonymous
потому что цсс чето тормозит и ведёт себя как говно лол не знаю почему
Denis
Эх
Vladimir
потому что цсс чето тормозит и ведёт себя как говно лол не знаю почему
а ты какие свойства анимируешь?
Anonymous
не ну впринципе я уже нарисовал себе довольно норм картину
Denis
Ты ваще 3d translate
Vladimir
попробуй через transform решить
Anonymous
не ну впринципе я уже нарисовал себе довольно норм картину
осталось только найти код в кишках вуе который бы точно сказал что бинд класса позже транзишена эмитится
Anonymous
попробуй через transform решить
я был бы рад примерам каким то потому что там где оно юзается чето или внизу ничего нет или как то исхитряются мб плохо искал но сложилось впечатление о том что это очень ограничено
Vladimir
какая задача конретно?
Vladimir
выезжающая менюшка
делаешь менюшке по-дефолту transform: translateX(-100%), потом анимираешь ее в translateX(0)
таким образом у тебя будет silky smooth 60 fps
Maksim
Всем привет, посоветуйте style guide для vue
Vladimir
подмешать туда опасити еще можно
Vladimir
или через translateY, если тебе надо сверху
Vladimir
ну тут без разницы, transform не перерисовывает страницу
Roman
а, console.log просто в консоле
Stanislav
?
Roman
будто вообще просто игнорит asyncData
Roman
может asyncData только на view'шках работает? т.е. на раутах?
Roman
оо! а вот на view'шках, т.е. на раутах работает
Roman
походу asyncData работает только в компонентах которые указаны в роутере
Roman
вот же бл*ть!
Stanislav
походу asyncData работает только в компонентах которые указаны в роутере
>Мы предоставим пользовательскую статичную функцию asyncData в наших компонентах маршрута. Обратите внимание, так как эта функция будет вызываться до инициализации компонентов, у неё не будет доступа к this. Информация хранилища и маршрута должна передаваться аргументами:
Stanislav
я тоже думал, что везде можно 🤔
Roman
Да суй же ты все в дату рут компонента
это нарушает модульность, ты понимаешь что если данные внутри компонента, то компонент можно хоть 10 раз клонировать и всё должно работать
а если у тебя state компонентов в store так ты заебёсся копи-пастить и засоришь стор
Stanislav
da
Denis
Denis
Они могут работать и при отсутствии данных
Stanislav
Stanislav
Не зря в в доке примеры с ним
Denis
Roman
Компоненты принимают слоты и пропсы
там вот в идеале компонент указывается так:
<template>
<h1>Shoes!</h1>
<product-grid category="shoes" columns="3" rows="4" sort="size">
<h1>T-Shirts</h1>
<product-grid category="tshirts" columns="2" rows="3" sort="price">
</template>
Roman
каждый ProductGrid компонент - независим
Denis
И че?
Yaroslav 🇺🇦
@Romshark тут уже неоднократно писалось, что он вечно с чем-то не согласен и чаще всего чушь советует
Так что ¯\_(ツ)_/¯
++ я несколько дней больше читаю чат, в основном, если ненубский вопрос, и нет никого кто решит проблему быстро, диалог с Дэном заканчивается простыней в +100 сообщений, какие-то непонятные скриншоты, практика смешивания с похапе (даже если у челевока чистое спа). После сотого сообщения и понимания вопрошающим что тут херь городят - человек уходит.
Я не хочу хейтить, но вот бля!
зы.. дайте огоньку
Denis
Компоненты не место хранения данных полюбэ
Roman
И че?
а ты предлагаешь его стейт пихать в стор, ну ё-моё, стейт всех компонентов в стор пихать это долбоебизм
Stanislav
Какой-то мутный data flow с ssr получается
Denis
а ты предлагаешь его стейт пихать в стор, ну ё-моё, стейт всех компонентов в стор пихать это долбоебизм
Я предлагаю вьюх нах удалить. И все держать в дата рут компонента
Завтра
Компоненты не место хранения данных полюбэ
Место хранения данных компонента - в компоненте
Валенок мля
Stanislav
Не без этого, да
Roman
да, я уж тоже заебался объяснять смысл энкапсулирования данных и почему это так важно нежели пихать всё в root scope... буду искать решение как грузить асинх в компонентах..
Denis
Место хранения данных компонента - в компоненте
Валенок мля
Сам ты калоша! У меня никогда так не бывает. Данные приходят свыше по пропсам
Завтра
Повод задуматься
Denis
Тебе
Roman
Сам ты калоша! У меня никогда так не бывает. Данные приходят свыше по пропсам
КАК данные в компоненты попадают абсолютно неважно, смысл в том что они у тебя все в Root Scope'е!! а это антипаттерн, ты слишком много стейта, который на самом деле в root scope'е ничего не потерял и должен быть изолирован в том компоненте, где он собственно и требуется
Завтра
Дегенерат блять, тебе весь чат указывает на то, что ты херню несешь
С чего бы мне задумываться?
Vladimir
Roman
может ещё хранить положение всех scroll-bar'ов, все состояния всех кнопок всё в root scope?? 😅
Завтра
Зачем тогда в компонентах data, если все можно хранить в root 🤔