Надо попробовать

Я тоже с подозрением относился

Я тоже с подозрением относился

Угу, да да

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

Бля, как же долго пилю проект

Столько всего понаписал, что можно выложить в опен сорс

Но довести до ума времени нет

среди нас есть Dmytro Barylo?

парниша из Киева завсетился в фиде вью новостей с проектом

http://tmdb.dmytrobarylo.com/

круто сделано, плавно работает

хорошо подобранные анимации

только все иконки - инлайн свг, не оч хорошо

только все иконки - инлайн свг, не оч хорошо

Ну вообще-то иконки svg спрайтом - ХОРОШО

учитывая что грядет хттп2 - не совсем

в конкретном случае хрошо или нет определит только метрика

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

https://www.foaas.com/

учитывая что грядет хттп2 - не совсем

ладно, выразился не так, правильнее - svg стеком, который похож на спрайт. Он гибкий, можно через currentColor задавать основной цвет. svg через тег img нельзя никак закастамизировать Почитать - https://css-tricks.com/svg-sprites-use-better-icon-fonts/ - http://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/

утраиваю за иконки спрайтом.

Надо посмотреть как он их собирает

А, никак он их не собирает. Ручками заинлайнил спрайт

Я не придумал ничего, как собирать спрайт webpack'ом :( У меня только инлайнит в html с помощью inline-loader

А, никак он их не собирает. Ручками заинлайнил спрайт

Покажи где нашел инлайн?

Покажи где нашел инлайн?

https://github.com/dmtrbrl/tmdb-app/blob/master/index.html

Я в одном проекте использую https://www.npmjs.com/package/vue-icons А в старом сам собирал https://git.io/vy6WB

До этого собирал вот этим плагином (https://www.npmjs.com/package/svg-sprite-webpack-plugin), но потом подумал, что че т тупо каждый раз иконку импортить. Сейчас ручками через cli. Не знаю, мне кажется проще будет сделать маленький скрипт на gulp и запускать его через npm команды.

Несколько глупых вопросов. Заранее спасибо! Мне нужно в зависимости от url страницы вызывать экземпляры vue. Причем на некоторых страницах могут использоваться несколько экземпляров. Предполагаю что код нужно оформлять в виде компонентов и использовать роутинг? Тогда как запихнуть в конкретный роутинг вызов 2х экземляров? Во примерах 1 маршрут, 1 компонент, 1 экземпляр.

Подскажите пожалуйста, как-то можно получить доступ к this.$children; не используя в темплейте <slot></slot ?

Подскажите пожалуйста, как-то можно получить доступ к this.$children; не используя в темплейте <slot></slot ?

так оно и без слотов вроде доступно?

неа :(

Вот, выводит https://jsfiddle.net/ckfovbkm/

хм

хм

Может у тебя в определенный момент времени их нет? Не знаю, после монтирования наверное появляются дети.

Несколько глупых вопросов. Заранее спасибо! Мне нужно в зависимости от url страницы вызывать экземпляры vue. Причем на некоторых страницах могут использоваться несколько экземпляров. Предполагаю что код нужно оформлять в виде компонентов и использовать роутинг? Тогда как запихнуть в конкретный роутинг вызов 2х экземляров? Во примерах 1 маршрут, 1 компонент, 1 экземпляр.

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

Вот, выводит https://jsfiddle.net/ckfovbkm/

https://jsfiddle.net/ckfovbkm/3/ - ты этого хотел добиться?

Несколько глупых вопросов. Заранее спасибо! Мне нужно в зависимости от url страницы вызывать экземпляры vue. Причем на некоторых страницах могут использоваться несколько экземпляров. Предполагаю что код нужно оформлять в виде компонентов и использовать роутинг? Тогда как запихнуть в конкретный роутинг вызов 2х экземляров? Во примерах 1 маршрут, 1 компонент, 1 экземпляр.

https://router.vuejs.org/ru/api/options.html#routes

там есть свойство compoents

https://jsfiddle.net/ckfovbkm/3/ - ты этого хотел добиться?

Я? Нет. Просто показал, что вот они дети и slot'ы тут ни при чем :)

сорри, ступил

но вообще употреблять их так фу-фу

зачем это вам?

++

зачем это вам?

стараюсь не осуждать за ориентацию ))) пока не встречу код у себя в проекте ?

Мне плевать с кем вы спите :) А вот за чистоту кода пасть порву :)

там есть свойство compoents

Спасибо!

Всем привет. Есть вопрос. Когда инициализирую свое приложение в хуке beforeCreate пытаюсь забрать данные new Vue({ router, store, el: '#app', template: '<App/>', components: { App }, beforeCreate() { if (store.getters['auth/isAuthorized']) { store.dispatch('auth/getUser').then(() => console.log('got user')).catch(() => console.log('no user')); } } });

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

как можно это остановить?

хочу рендерить все только после того как прийдет результат

V-if?

Или создавай инстанс внутри промиса

new Vue({ router, store, el: '#app', template: '<App v-if="isLoaded"/>', components: { App }, data: { isLoaded: false }, beforeCreate() { if (store.getters['auth/isAuthorized']) { store.dispatch('auth/getUser').then(() => { this.isLoaded = true; }).catch(() => { this.isLoaded = true; }); } } }); костыль какой-то, не ?

в beforeCreate нет еще никакого this

с кодом все ок

Так он в колбеке

Почему бы не v-if="$store.state.user"?

а мне не важно имеется ли юзер или нет

мне главное знать результат

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

ребзь, где в vuex используется normalizeMap?

Минутка рекламы. Если у кого-то есть какие-то вопросы по редакторам кода или IDE, то у нас есть чатик https://t.me/ide_ru

?

Минутка рекламы. Если у кого-то есть какие-то вопросы по редакторам кода или IDE, то у нас есть чатик https://t.me/ide_ru

по вебпаку есть че? ?

по вебпаку есть че? ?

не

ERROR: S client not available

не

а зря. Был бы популярным

по вебпаку есть че? ?

да и для этого подходит любой JS чатик

да и для этого подходит любой JS чатик

а я думал ты бот.

а зря. Был бы популярным

https://t.me/webpack_ru ну раз просят люди я скину

https://t.me/webpack_ru ну раз просят люди я скину

ну вот :) Спасибо)

м?

а я думал ты бот.

с чего бы?)

Группа походу мертвая какая-та

за год активности сообщений кот наплакал

помню когда во вью было 80 человек

:)

помню когда во вью было 80 человек

помню когда во вью был 1 человек

помню когда во вью был 1 человек

well played

всем привет

интересно, как отловить смену класса у элемента?

сделай метод в computed

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

ребят, столкнулся сейчас с проблемой чистоты кода. Есть однофайловый компонент, но js часть вынесена в отдельный js файл. Так вот, хотелось бы как то видеть, что какие то компоненты уже не исплользуются в темплейте, методы, computed свойства. Есть ли что то для отслеживания этого?

мертвого кода

мертвого кода

console.log()?

Наверное никак, то что напрямую компонент не используется сразу в шаблоне не значит что он лишний. Он может подключиться по какому-нибудь условию, или например даже по ответу сервера будет использоваться тот или иной компонент

к тому же можно юзать консоль разработчика

парни, не знаю где спросить, попробую тут)

Как считаете какой архитектурный паттер лучше всего подходит под Rx приложение?

когда данные в реактивных потоках

Не делать херни

?

Лучший архитектурный паттерн, но его чертовски сложно соблюдать

Мне одному в последнее время Vuex каким-то убогим кажется?

Мне одному в последнее время Vuex каким-то убогим кажется?

Ты просто вырос