awesome vue

vuelidate

Ну вопрос конкретный был :)

наопмнить о аусом вью всегда к месту. В следующие 200 раз уже там можно будет что-то гоное найти)

300 новых сообщений...

Парни, может кто просвятить по vuetify? https://jsfiddle.net/700ap2dh/1/

Нужен тулбар вверху на всю страницу, ниже слева навбар, остальное контент. Делаю по доке - контент почему-то на месте футера.

А в фиддле всё ещё хуже получилось

наопмнить о аусом вью всегда к месту. В следующие 200 раз уже там можно будет что-то гоное найти)

+

Нужен тулбар вверху на всю страницу, ниже слева навбар, остальное контент. Делаю по доке - контент почему-то на месте футера.

У vuetify есть готовые примеры же

У vuetify есть готовые примеры же

Ито верно, надо просто подобрать максимально похожий для себя, а я упёрся в первый шаблон и пытался из него что-то сотворить :) Спасибо

Ито верно, надо просто подобрать максимально похожий для себя, а я упёрся в первый шаблон и пытался из него что-то сотворить :) Спасибо

https://jsfiddle.net/3xbgq3fy/2/ так где-то?

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

https://jsfiddle.net/3xbgq3fy/2/ так где-то?

точно! Благодарю.

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

Нативные приложения или веб мобильные?

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

ага

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

в плане работоспособности?

да, это же нормально?

Для этого, в том числе, оно и дробится на компоненты.

да, реюзабельность это хорошо даже

Натив

Или лучше на реакт натив перейти?

Работаю и с реактом и с вуе

Или лучше на реакт натив перейти?

Говорят, там проблем меньше.

на rax

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

У Vue есть Weex, то там с документацией вроде как не очень и нет нормального комьюнити. Можно посмотреть NativeScript, если очень хочется Vue

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

Создай свой проект и развивай и/или работа

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

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

Quasar ещё не предлагали?

Quasar ещё не предлагали?

Там разве не webview?

Ребята, у меня есть задача. Я использую Vue-router, но хочу чтобы нужные компоненты подгружались только тогда, когда я меняю роутер. Как это сделать?

Nuxt?

есть идея все это все применять применять на сайте портфолио, прочел ваши ответы, так и сделаю)

Ребята, у меня есть задача. Я использую Vue-router, но хочу чтобы нужные компоненты подгружались только тогда, когда я меняю роутер. Как это сделать?

доку почитать

Nuxt?

-

-

А что?

А что?

это другая степь

Там разве не webview?

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

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

>The currently available App Wrappers are for Cordova & Electron.

А что?

Причем тут nuxt?

Динамического импорта вэбпака достаточно

Динамического импорта вэбпака достаточно

Где можно почитать как это делается?

Где можно почитать как это делается?

Написали же. В оффдоке есть

https://ru.vuejs.org/v2/guide/components.html#%D0%90%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B

https://ru.vuejs.org/v2/guide/components.html#%D0%90%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B

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

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

Да вот да

А можно как-то import(../path/${file}.vue) на фронте сделать ?

Кто-нибудь использовал vue-events. Я правильно понимаю, что vm.$destroy уничтожается и слушатели событий, которые были объявлены в этом компоненте? vm.$events.$on

А можно как-то import(../path/${file}.vue) на фронте сделать ?

Прям по ссылке выше

Прям по ссылке выше

Там обязательно имя файла статическое должно быть

А мне динамическое надо

Там обязательно имя файла статическое должно быть

С чего ты взял?

Попробуй заимпортить с переменной в названии

Будет ошибка

В компиляции

Ее не будет если это бэк

Попробуй заимпортить с переменной в названии

У меня уже месяц работает

А можно как-то import(../path/${file}.vue) на фронте сделать ?

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

хотя если подумать, он у меня как-то импортировал картинки которые я через require подбирал require(images/${file}.jpg)

Он сможет это сделать скорее всего

Но он включит в бандл все файлы в директории

Такие вопросы лучше в группу по вебпаку

хотя если подумать, он у меня как-то импортировал картинки которые я через require подбирал require(images/${file}.jpg)

Аналогично и js ки. Просто будет много чанков

Как определить виден ли пользователю определенный элемент? Например есть список сообщений, и по мере скролла вниз нужно чекать видно ли определенное сообщение пользовател и ну помечать его как прочитанное.

ну добавили IntersectionObserver в апишку или чекать просто вью порт.

Ребзи, у меня в компоненте в самом низу есть вложеный router-view. Когда я перехожу на какой то вложеный роут, оно скролит в начало родительского компонента. Как сделать, что бы скролл был на уровне обьявления router-view?

https://jsfiddle.net/Listar/c9sy1t5u/3/ Кто подскажет почему консоль лог не срабатывает ?! (

Ребзи, у меня в компоненте в самом низу есть вложеный router-view. Когда я перехожу на какой то вложеный роут, оно скролит в начало родительского компонента. Как сделать, что бы скролл был на уровне обьявления router-view?

или как законтролить scrollBegavior в компоненте?

https://jsfiddle.net/Listar/c9sy1t5u/3/ Кто подскажет почему консоль лог не срабатывает ?! (

sortkey не инициализирован в data

sortkey не инициализирован в data

Боже какой стыд, как проглядел то такое )

Спасибо

https://jsfiddle.net/Listar/c9sy1t5u/3/ Кто подскажет почему консоль лог не срабатывает ?! (

https://jsfiddle.net/c9sy1t5u/4/

а, не спите еще)

а, не спите еще)

Да вот видимо пора бы спать уже )

Ребзи, у меня в компоненте в самом низу есть вложеный router-view. Когда я перехожу на какой то вложеный роут, оно скролит в начало родительского компонента. Как сделать, что бы скролл был на уровне обьявления router-view?

Я вот такое применял наоборот, чтобы в топ страницы подниматься после роута - а тебе видимо надо прописать не 0, а координаты конца страницы - тогда он после каждого роута будет прыгать в конец страницы. import Router from 'vue-router' Vue.use(Router) const router = new Router({ routes: [ ... ] }) router.beforeEach(function (to, from, next) { setTimeout(() => { window.scrollTo(0, 0) }, 100) next() }) export default router

Ребята помогите разобраться чем так принципиально отличается render: h => h(App) от template: '<App/>, components: { App }

Ребята помогите разобраться чем так принципиально отличается render: h => h(App) от template: '<App/>, components: { App }

Для первого хватит runtime версии, для второго нужна с компилятором шаблонов

Всем с добрым утром) подскажите как отфильтровывать массив по нескольким параметра? В инстансе следующие свойства: shops: [], // из объектов {name, city, adress} каждое свойство - строка. name - названия этого магазина, или сети, например ашан, петерочка search: {city: [], name: []} // сюда в массивы закидываются значения фильтра

Всем с добрым утром) подскажите как отфильтровывать массив по нескольким параметра? В инстансе следующие свойства: shops: [], // из объектов {name, city, adress} каждое свойство - строка. name - названия этого магазина, или сети, например ашан, петерочка search: {city: [], name: []} // сюда в массивы закидываются значения фильтра

создай computed, в нем отдавай нефильтрованное если фильтров нет, либо фильтруй и отдавай если есть.

создай computed, в нем отдавай нефильтрованное если фильтров нет, либо фильтруй и отдавай если есть.

Да, думаю что так нормально

делаю бэк и фронт для spa. В api около уже 30 методов, как вы в них не путаетесь? Может есть какие нибудь практики?

vue-style-loader допилили чутка для SSR

делаю бэк и фронт для spa. В api около уже 30 методов, как вы в них не путаетесь? Может есть какие нибудь практики?

разделять на меньшие части и тестировать

делаю бэк и фронт для spa. В api около уже 30 методов, как вы в них не путаетесь? Может есть какие нибудь практики?

придумай какое-нибудь соглашение по именованию. для api только у asp.net видел

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

Меняй только в родителе

Либо храни даные в $root

$root.name = 'Andrey';

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

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