Рафик

Что с тобой

Я туплю чет

отдохни

Да, наверное, хотел сегодня сделать стек для уведомлений, но не успел компоненту допилить

лол

я вот чет не допилил совсем чуть-чуть

но уже влом

и щас понимаю

если начну допиливать

все засру

Слушайте

А есть ли в Vue возможность чекать все компоненты одного типа?

Ну то, есть, есть у меня компонент с текстовым полем Я его вставлял, допустим, 10 раз Есть ли способ пробежаться по ним всем, с учетом того, что они не в одном родителе?

Ну то, есть, есть у меня компонент с текстовым полем Я его вставлял, допустим, 10 раз Есть ли способ пробежаться по ним всем, с учетом того, что они не в одном родителе?

А что именно ты хочешь .

?

Если просто значения взять, то пихни все это в state какой-нибудь

Допустим, получить все значения этих полей, которые хранятся в data

Это жутко неудобно, поскольку у них нет никаких идентификаторов итд

Они все одинаковые

И не будет понятно, где какой

Можешь jquery попробовать тогда

Тупость конечно, но самый простой способ

Получил все объекты, взял значения, отправил куда нужно

бред

Ща попытаюсь сформулировать задачу

Допустим, получить все значения этих полей, которые хранятся в data

Но вообще это косяк арзитектуры

Можно биндить пропсы

У меня есть вложенное дерево с сообщениями Собственно, эти сообщения вводятся в текстовые поля И мне перед отправкой нужно чекать, все ли заполнены, вот

Как это будет удобнее всего реализовать

У меня есть вложенное дерево с сообщениями Собственно, эти сообщения вводятся в текстовые поля И мне перед отправкой нужно чекать, все ли заполнены, вот

vee-validate

Это не косяк архитектуры, это просто вложенность усложняет ситуацию

Скажите а vue умеет отложенную подргузку компонентов и рендеринг в worker'ах - как angular 2 ?

Черт, я чувствую, как мои мысли превращаются в кашу

Лично я бы у корневого компонента дерева сообщений сделал бы data, а потом через биндинг пропсов посылал бы дочерним элементам

Скажите а vue умеет отложенную подргузку компонентов и рендеринг в worker'ах - как angular 2 ?

Можно для компонентов сделать v-if="param" И param присвоить true тогда, когда нужно подгрузить

Скажите а vue умеет отложенную подргузку компонентов и рендеринг в worker'ах - как angular 2 ?

О, где про это почитать? Первый раз слышу о таком

<component v-if="canIRenderIt"></component>

Можно для компонентов сделать v-if="param" И param присвоить true тогда, когда нужно подгрузить

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

<component v-if="canIRenderIt"></component>

Это не подгрузка, а рендер

О, где про это почитать? Первый раз слышу о таком

ща найду

ну, рендер

окей

а подгрузка, хзз

О, где про это почитать? Первый раз слышу о таком

https://github.com/alexpods/angular2-universal-starter

например

vue-lazy-component/README.md at master · Coffcer/vue-lazy-component https://github.com/Coffcer/vue-lazy-component/blob/master/README.md

вот про lazy module loading - https://www.nativescript.org/blog/optimizing-app-loading-time-with-angular-2-lazy-loading

а зачем это нужно, вообще кстати говоря

а зачем это нужно, вообще кстати говоря

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

ну типа

а

ну да

т прав

оно же полностью грузится

Вот кстати, может кому будет интересно

А еще такая же статейка бла про веб-компоненты

на медиуме, кажется

Там с webpack можно будет подменить на vanilla inputmask кому очень припекает от жиквери)))

то есть?

Кстати по поводу маски, есть клевый https://github.com/text-mask/text-mask

Чет проорал с папок

angular1, angular2, ember, react, vue, WEBSITE

А кто-нибудь пишет компоненты на коффе?

а то у меня код компонента в js переводится, но import .. from ... остается

ERROR: S client not available

Кстати по поводу маски, есть клевый https://github.com/text-mask/text-mask

Не оч. У меня глючит демка на вводе номера телефона.

Не оч. У меня глючит демка на вводе номера телефона.

Цифры местами меняет, тоже самое

Тут недавно спорил кто-то, если не ошибаюсь, по поводу где хранить токен в spa. Я думаю сохранять в localstorage, синхронизировать его с vuex при инициализации, это как, тру вей?

Тут недавно спорил кто-то, если не ошибаюсь, по поводу где хранить токен в spa. Я думаю сохранять в localstorage, синхронизировать его с vuex при инициализации, это как, тру вей?

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

Там выше кто-то кидал

Если сам не найдёшь, то минут через 30 кину

Тут недавно спорил кто-то, если не ошибаюсь, по поводу где хранить токен в spa. Я думаю сохранять в localstorage, синхронизировать его с vuex при инициализации, это как, тру вей?

https://github.com/robinvdvleuten/vuex-persistedstate

С ним есть одна очень неприятная особенность

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

Точнее, выглядит это слегка по уродски. У меня при запуске поднимается стора, и апишка лезет в неё чтоб забрать оттуда токен

Так вот логику апишки приходится в setTimeout 0 оборачивать

И ещё, если планируете делать SSR - место токена в куках

И ещё, если планируете делать SSR - место токена в куках

Ssr?

Server side rendering

Webpack 2 релизнули наконец

Webpack 2 релизнули наконец

А я ещё и первый не освоил..

Ага. Я так ждал tree-shaking а пользы с него на моих реальных сценариях 0

На сайте голосовалку открыли) народ бьется за TypeScript tree shaking)

Я в ts разочарован

А поподробнее? Некоторые в нём видят манну небесную

С английским как?

Я доклад на эту тему делал

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

Хотя не, сейчас дойду до офиса

Покажу ппимер

ок

Если кратко то система типов в ts отстой

Несмотря на все их попытки во второй версии втащить разделение типов и null? что там преподносили как большую фичу

Вот, реальный пример. Задача следующая. Есть апишка, которая генерирует ответы с глубокой вложенностью: { a: { b: [1, 2, 3], c: {u: 4} }, d: 5} Необходимо превращать это в плоский объект: { 'a.b': [1, 2, 3], 'a.c.u': 4, 'd': 5 }

значения могут быть любыми, превращаются в цепочку только объекты( массивы не разворачиваем)

вот код, решающий задачу

https://gist.github.com/xanf/9da671405cd9ea01fec489469471572a