Неплохо. Спасибо.

?

я гуглю и что-то ничего не понимаю

Subscribe?

сейчас посмотрю

не, немного не то

в $store есть объект, и нужно отслеживать изменения его параметров

Так а чем обычный старомодный watch не устроил?

он не триггерится

deep: true ставил? по колесам стучал?

а как в vuex вотчере поставить дип тру?

или ты имеешь ввиду через computed ?

именно это имею ввиду)

а как в vuex вотчере поставить дип тру?

В компоненте, а не в вотчере

computed : { myStoreObj : this.$store.state... } watch : { myStoreObj : { handler : function (newObj) { }, deep : true } } что-то вроде этого

Привет, посоветуйте хорошие уроки по vue а также готовые ui kit

ребятки, подскажите, хочу заюзать moment.js, скачал, добавил в компонент. так вообще можно делать? или js код будет дублироваться если компонентов будет несколько?

Привет, посоветуйте хорошие уроки по vue а также готовые ui kit

у academind хороший курс

можно доку почитать, ну а ui kit - vue-bootstrap можно

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

у меня дежавю?

у меня дежавю?

Нет, я уже такое писал

а фух)

ребятки, подскажите, хочу заюзать moment.js, скачал, добавил в компонент. так вообще можно делать? или js код будет дублироваться если компонентов будет несколько?

ну у тебя же vue-cli? всё будет хорошо :) еще можешь заюзать vue-moment, обертка над moment для vue с встроенными фильтрами и тому подобным

ну у тебя же vue-cli? всё будет хорошо :) еще можешь заюзать vue-moment, обертка над moment для vue с встроенными фильтрами и тому подобным

да, у меня vue-cli. вопрос не столько про moment, сколько вообще про любые либы. я просто импортирую нужную либу в компонент и использую её, например тот же tippy. Когда есть годная альтернатива/враппер, я юзаю её, но иногда либо старое, либо не нравится. вопрос в том, чтобы не было какого-то оверхеда в производительности, чтобы там не было кучи целой JS из-за того что мой компонент в списке рендерится.

да, у меня vue-cli. вопрос не столько про moment, сколько вообще про любые либы. я просто импортирую нужную либу в компонент и использую её, например тот же tippy. Когда есть годная альтернатива/враппер, я юзаю её, но иногда либо старое, либо не нравится. вопрос в том, чтобы не было какого-то оверхеда в производительности, чтобы там не было кучи целой JS из-за того что мой компонент в списке рендерится.

Ну смотри. вообще всё, конечно, зависит от либы, но обычно бывает так: Webpack выгружает модуль в одно место в итоговом бандле и потом его оттуда тянет, так что дублирования тут у тебя не будет. В памяти объект либы тоже как правило один, но тут могут быть уже нюансы, зависящие от разработчика внешнего пакета (наговнокодить можно всякое :) )

окей) спасибо :)

по возможности буду использовать готовые плагины vue.

по возможности буду использовать готовые плагины vue.

это не всегда хорошо на самом деле :c иногда можно получить себе в проект jquery ради какого-то слайдера, завернутое в минимальную функциональность плагина для vue. =) от конкретного случая всё зависит)

по возможности буду использовать готовые плагины vue.

Ну хз... Иногда такую дичь делают

ну я особое говно не тяну, у меня чуйка на это. стараюсь брать только убер-необходимое, и покрывающее мои потребности без избытка. пока что только router + vuex + axios + font-awesome + moment поставил.

Недавно, например, было, мы взяли прекрасный Swiper, со ссылкой на vue-awesome, красивый, с богатым API, 5k звезд на github, запихнули в него 100 элементов.. и он начал вешать страницу при инициализации на 30 секунд :D https://github.com/surmon-china/vue-awesome-swiper

ну я особое говно не тяну, у меня чуйка на это. стараюсь брать только убер-необходимое, и покрывающее мои потребности без избытка. пока что только router + vuex + axios + font-awesome + moment поставил.

чуйка

ахаах

Недавно, например, было, мы взяли прекрасный Swiper, со ссылкой на vue-awesome, красивый, с богатым API, 5k звезд на github, запихнули в него 100 элементов.. и он начал вешать страницу при инициализации на 30 секунд :D https://github.com/surmon-china/vue-awesome-swiper

свайпер говно перегруженное

Недавно, например, было, мы взяли прекрасный Swiper, со ссылкой на vue-awesome, красивый, с богатым API, 5k звезд на github, запихнули в него 100 элементов.. и он начал вешать страницу при инициализации на 30 секунд :D https://github.com/surmon-china/vue-awesome-swiper

ну там китайские иероглифы, там же сразу все ясно

свайпер вообще говно, китайские иерогливы невиноваты

ну я особое говно не тяну, у меня чуйка на это. стараюсь брать только убер-необходимое, и покрывающее мои потребности без избытка. пока что только router + vuex + axios + font-awesome + moment поставил.

теперь заменяешь момент на date-fns момент говно жирновесное(

теперь заменяешь момент на date-fns момент говно жирновесное(

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

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

например?

свайпер говно перегруженное

Я его немного подебажил, ощущение что оно добавляет по одному элементу и ререндерит на каждый этот элемент всё заново, и повторяет это циклом, апдейтится на каждый чих. Профайлер просто проваливался в постоянный рендер/ререндер. Взяли потом какой-то обычный скромный swiper без наворотов, звездочек 100-200 штук, все идеально)

например?

вообще нет нормально работы с duration

Я его немного подебажил, ощущение что оно добавляет по одному элементу и ререндерит на каждый этот элемент всё заново, и повторяет это циклом, апдейтится на каждый чих. Профайлер просто проваливался в постоянный рендер/ререндер. Взяли потом какой-то обычный скромный swiper без наворотов, звездочек 100-200 штук, все идеально)

какой, если не секрет?

какой, если не секрет?

сейчас гляну)

Недавно, например, было, мы взяли прекрасный Swiper, со ссылкой на vue-awesome, красивый, с богатым API, 5k звезд на github, запихнули в него 100 элементов.. и он начал вешать страницу при инициализации на 30 секунд :D https://github.com/surmon-china/vue-awesome-swiper

по итогу что решили? я юзаю на своих обычных сайтах в 70% случаях свайпер. это хорошая либа. во вью искал такую же годную альтернативу и не нашёл по итогу взял этот "порт" свайпера на вью..

ага, а то у меня щас больная тема, тоже этот китайский щас воткнула как временный вариант. Вообще просто очень не хочется мобильный свайп писать, так-то на vue карусель сделать легко под свои задачи, если там нет каких-то хитрых вещей в логике и дизайне.

теперь заменяешь момент на date-fns момент говно жирновесное(

дейт умеет форматировать в стиле "n секунд назад"?

Всем привет. Сразу к проблеме: есть скрипт, который я подключаю в html файле, далее во vue компонент вставляю такую строку <div id="yohoho" data-player="moonwalk" :data-title="title"></div>. Как видно есть переменная title (или как она правильно называется?). Если в data в переменную title засосываю имя сериала/фильма, то все прекрасно работает,то есть отображается нужный плеер, Но если я title ставлю null и вызываю метод в хуки created или mounted(и там и там пробовал), который достает из таблицы нужное мне имя сериала/фильма, то есть чтоб все было динамически, то ничего не отображается. Что делать? Вот код

дейт умеет форматировать в стиле "n секунд назад"?

да

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

у тебя дата неправильно написана

должна быть data(){ return {}}

ага, а то у меня щас больная тема, тоже этот китайский щас воткнула как временный вариант. Вообще просто очень не хочется мобильный свайп писать, так-то на vue карусель сделать легко под свои задачи, если там нет каких-то хитрых вещей в логике и дизайне.

выяснил сейчас у человека, который этим занимался, там вообще непопулярный пакет с минимальной функциональностью + он его юзал даже не пакетом, а забрал себе напрямую компонентом и потюнил его) вот исходный github, но если нужны какие-то "особые" фичи, то вряд ли их там найдешь :) https://github.com/Featurum/vue-slider

оооо, даже описание на русском

ага

духовная либа

и без тестов

:D

все по духу

"мамой клянусь багов нет"

возможно автор даже сидит в нашем уютном чатике? ))

ux у этого слайдера такой себе)

исправь data(){ return { тут своё скопипасть что сейчас }}

фетч в маунтед если?

выяснил сейчас у человека, который этим занимался, там вообще непопулярный пакет с минимальной функциональностью + он его юзал даже не пакетом, а забрал себе напрямую компонентом и потюнил его) вот исходный github, но если нужны какие-то "особые" фичи, то вряд ли их там найдешь :) https://github.com/Featurum/vue-slider

спасибо, посмотрим, может подойдет

ERROR: S client not available

В консоли что показывает?

В res что нибудь вообще приходит?

фетч в маунтед если?

Тоже не отображает плеер

например?

https://github.com/BBC-News/simorgh/issues/637 вот тут хорошая табличка есть из того что я сталкивался - там нет часовых поясов к сожалению

Вопрос знатокам: Как прокинуть инстанс инсталлятора плагина (объекта с свойством install, потом но вызывается через Vue.use()) компоненту, которого в нём же регистрируем глобально через Vue.component(SomeImportedComponent)? Пытаюсь сделать инсталлируемый плагин из bundled-версии плагина которого нет на npm; https://github.com/NxtChg/pieces/blob/master/js/vue/vs-notify/vs-notify.js#L26 там инсталлятор вынесен в переменную которая потом юзается в самом компоненте в хуке created https://github.com/NxtChg/pieces/blob/master/js/vue/vs-notify/vs-notify.js#L75 Что сделал я 1) Вынес код компонента в файл vue http://s1.micp.ru/rg4wj.jpg, объект инсталлятора импортирую. 2) Файл инсталлятора выглядит так http://s1.micp.ru/P0367.jpg 3) в main.js импортирую инсталлятор и пишу Vue.use(installer) по итогу шаблон отрендеривается нормально, ошибок нету, но метод $notify не работает, а точнее он никак ничего не обновляет видимо из-за взаимного импортирования или ссылочной сущности объекта в js.. Есть какое-нибудь решение компромиссное как можно разбить билд-версию плагина на vue + инсталлер? Спасибо!

Evgeniy тебе надо чтобы имя сериала менялось?

Народ, привет! Можете подсказать менее опытному? Прохожу тестирование, там нужно сделать мини-приложение на VueJS. Сделал. Одним из пунктов значится следующее: "Разместить json файл в котором будет ответ сервера об успешной отправке формы и сделать имитацию запроса к серверу. Ответ с сообщением об успешной отправке показать пользователю." На локалке использовал для этого vue-resource и json-server. Все работает. На сервак закинул - не хочет зараза, видимо json-server заточен только для локалки, что ли. Подскажите или намекните, как данную задачу можно решить?

На локалке использовал для этого vue-resource - можешь считать что ты не прошел

@riddlr я уже прочитал, что это прошлый век и нужен axios)

Evgeniy тебе надо чтобы имя сериала менялось?

Нее... я из запроса axios достаю имя сериала/фильма, и затем резльтутат сохраняю в переменную title, а title равен null. Соотвественно title меняется на заданное значение и должен отправить в эту строку <div id="yohoho" data-player="moonwalk" :data-title="title"></div>, он отправляется, но не отображает плеер, который я долежн получить. Но если не используя axios запрос задать title какое-то значение, то плеер будет отображаться, а мне нужно использовать axios, чтоб отобразить нужный мне сериал

так у тебя плеер походу не вьюшный. и он сам по себе не узнает о том, что значение data-title изменилось. попробуй вызвать какой-нибудь метод апи плеера. update или типа того

если плейер не вьюшный то после успешного запроса да, надо юзать метод из апи плейера) а ещё если изначально там нулл, и не надо тогглить плейеры, инициализируй сам плагин плейера после того как запрос произошёл

Плеер от сервиса yohoho

Парни, подскажите как импортнуть файл js в компонент vue Делаю так import gip from ‘./gip’ gip папка, а в нем js файл лежит

Парни, подскажите как импортнуть файл js в компонент vue Делаю так import gip from ‘./gip’ gip папка, а в нем js файл лежит

ну если он зовется не index.js , то тебе наверное нужно и имя файла указать)

ну если он зовется не index.js , то тебе наверное нужно и имя файла указать)

index.js

и чего? не импортится?)

и чего? не импортится?)

Нет;(

и в index.js есть export, да?)

Нет;(

Не тупи

Если у тебя /gip/file.js

То тебе нужно указать import gip from './gip/file'

При условии если внутри нет папки file, тогда указывать расширение не нужно

И module export внутри нужно

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

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

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

как так вообще лол