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

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

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

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

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 видел

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

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

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

Просто как странно работает. В родителе я передаю туда модель, и в родителе в это же время модель дополняется данными с аякс запроса. И если я в дочернем элементе вывиду this.my_model он выведет всю модель, все данные, захочу вывести this.my_model.my_parametr то он его уже не знает

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

Документация через apidoc и тестирование.

все привет ) вопрос к тем, кто пользуется vuex. Есть action, в котором получаю данные, + функция конвертации сырых входных данных в нужный формат. Вопрос: где лучше оставить эту функцию: внутри action как function dosmth() {...} или вынести как внешнюю?

Мне кажется если подобных функций будет много, то завести в проекте отдельный каталог где функции трансформации входных данных в нужные структуры держать. Ну и тестировать их там в отрыве от vuex

Мне кажется если подобных функций будет много, то завести в проекте отдельный каталог где функции трансформации входных данных в нужные структуры держать. Ну и тестировать их там в отрыве от vuex

спасибо, об подобном и думал

Weex переехал в Apache Software Foundation — https://weex.apache.org/

так себе совет

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

Вью

все привет ) вопрос к тем, кто пользуется vuex. Есть action, в котором получаю данные, + функция конвертации сырых входных данных в нужный формат. Вопрос: где лучше оставить эту функцию: внутри action как function dosmth() {...} или вынести как внешнюю?

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

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

в принципе, в других частях пока не предполагается, но уже вынес в отдельных файл для конвертеров

привет народ, модальное окно закрывается на вью при клике на кнопку (@click="$emit('close')), у вью есть решение чтобы окно закрывалось при клике не на модальное окно?

привет народ, модальное окно закрывается на вью при клике на кнопку (@click="$emit('close')), у вью есть решение чтобы окно закрывалось при клике не на модальное окно?

вы используете свое решение или из наборов вроде element-ui, vuetify?

я брал отсюда скрипт - https://ru.vuejs.org/v2/examples/modal.html

вы используете свое решение или из наборов вроде element-ui, vuetify?

element-ui, vuetify не юзал)

element-ui, vuetify не юзал)

сек, сейчас скину фидл

element-ui, vuetify не юзал)

https://jsfiddle.net/7x2mcmj3/ просто повесьте событие клика с закрытием окна на слой вне модала

@click="$emit('close') я так понял Вы поставили это событие в двух местах?)

@click="$emit('close') я так понял Вы поставили это событие в двух местах?)

да, так и есть

Боже

Боже

эм, не совсем понимаю вашей реакции :)