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

@blur / @focus

focus, blur на инпуте работает, но блок срывается при любых действиях на нем, focus, blur на родителе работает как надо, но при клике в любой элемент внутри блока который может принять фокус, блок скрыватеся пропадает

@blur / @focus

на чем?

на чем?

На input конечно

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

Короче сделал прозрачный fixed слой во весь экран с меньшим z-index на который повесил событие скрытие блока по клику

всем привет, только начал изучать vue.js. так что вопрос может глупый, но второй день вывести не могу данные из бд, чтоб передавались в text, а не прописывать в ручную, если кто знает подскажите плиз как это сделать <div class="reclassify_animal_status"> <select v-select="selected"> <option value="0"></option> <option v-for="o in options" :value="o.id">{{ o.text }}</option> </select> </div> <script> var vm = new Vue({ el: '.reclassify_animal_status', data: { selected: 0, options: [ { text: 'Loszka' }, { text: 'Maciora' }, { text: 'Knur' }, ] } }) </script>

Не понял задачу

o.id нету у тебя

пример взят https://v1.vuejs.org/examples/select2.html, немного поправил наверное не то написал), но мне бы данные вывести вот эти Loszka, Maciora, Knur прописанны в коде, а они у меня в бд , там еще куча всего - много объектов - прописывать их в ручную не вариант

надеюсь понятно)

пример взят https://v1.vuejs.org/examples/select2.html, немного поправил наверное не то написал), но мне бы данные вывести вот эти Loszka, Maciora, Knur прописанны в коде, а они у меня в бд , там еще куча всего - много объектов - прописывать их в ручную не вариант

только бекенд имеет возможность взять данные с бд

апи делай и с апи данные бери из вью жс

пример взят https://v1.vuejs.org/examples/select2.html, немного поправил наверное не то написал), но мне бы данные вывести вот эти Loszka, Maciora, Knur прописанны в коде, а они у меня в бд , там еще куча всего - много объектов - прописывать их в ручную не вариант

Доки для первой версии?

да

Ребят, есть кейсы организация толстого проекта на vue (REST)

?

Что значит "толстый"?

Ну большой проект

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

да

vue-cli

то есть где логика идет на клиенте

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

+

vue-cli и в небольшом используется, потому что он удобнее и можно плагины юзать

Api организовываете через axios?

да

я через vue-resource

Api организовываете через axios?

GraphQL

Apollo

есть еще vue-axios, но я не пробовал

GraphQL

и как он ?

На нем не проблематично будет прототип быстро накидать?

api? что там может быть проблематичного? запросы?

если не крупный то легко

и без заморочек особых

api? что там может быть проблематичного? запросы?

Ну типы в сервисах как в ангуляре

Во вью есть подобное?

и как он ?

Охеренно

Лан спасибо

Асинхронные запосы я имел ввиду

Вот в редаксе это пизда

Я не осилил

Так ты же спросил про vue

А Redux - это аналог Vuex

Охеренно

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

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

Расписал свой предыдущий вопрос вот тут: https://kinrany.github.io/vue_single_page_example/

Для этого правда vue-render нужен?

Исходник тут, если так удобнее: https://github.com/Kinrany/vue_single_page_example/blob/master/index.html

Ребята подскажите в каком направлении двигаться! Вопрос по сборке проекта с vue.js У меня есть трехстраничный сайтец, он без фреймворков и cms почти статичный (есть немного php) собирается Gulp’ом из pug+sass+jquery. Хочу c jq пересесть на vue, так как сейчас планируется туда добавить еще одну страницу на которой в одном из блоков будет функционал а-ля магазин. Сначала думал что просто с CDN’ки подключу vue и буду счастлив, и поначалу всё так и было, но вскоре оказалось этого недостаточно, так как код страницы начал расти плюс понадобились сторонние плагины, в общем нужно организовать сборку проекта с поддержкой *.vue файлов. И вот на этом у меня трабла, я не понимаю как связать что выдает мне в итоге вебпак и то что у меня уже есть? Т.е. вебпак на выходе выдает мне html и js и это как бы совершенно самостоятельные файлы.. а мне нужно как-то вложить html в нужное место в текущем проекте. В общем я в растерянности как это интегрировать (да еще и не забыть про удобство разработки лайврелоад и т.д.), подскажите как быть то, как жить дальше.. гайдов не нашел в интернетах.

Приветствую, в очередной раз расчитываю на вашу помощь. Рендерю список: https://pastebin.com/3ekqDE7P, при клике изменяю свойства объекта learned: https://pastebin.com/sHaz4XXf - список не рендерится по новой. Но если в switchTechnique изменить не только learned, но и title - тогда обновляется, в чем косяк?

Попробую еще раз, ни в какую не хочет

в главном файле vue ставите el:"app", в своем html вешаете на див, в котором хотите использовать vue id="app", после чего внутри этого дива будет все доступно

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

Ребята подскажите в каком направлении двигаться! Вопрос по сборке проекта с vue.js У меня есть трехстраничный сайтец, он без фреймворков и cms почти статичный (есть немного php) собирается Gulp’ом из pug+sass+jquery. Хочу c jq пересесть на vue, так как сейчас планируется туда добавить еще одну страницу на которой в одном из блоков будет функционал а-ля магазин. Сначала думал что просто с CDN’ки подключу vue и буду счастлив, и поначалу всё так и было, но вскоре оказалось этого недостаточно, так как код страницы начал расти плюс понадобились сторонние плагины, в общем нужно организовать сборку проекта с поддержкой *.vue файлов. И вот на этом у меня трабла, я не понимаю как связать что выдает мне в итоге вебпак и то что у меня уже есть? Т.е. вебпак на выходе выдает мне html и js и это как бы совершенно самостоятельные файлы.. а мне нужно как-то вложить html в нужное место в текущем проекте. В общем я в растерянности как это интегрировать (да еще и не забыть про удобство разработки лайврелоад и т.д.), подскажите как быть то, как жить дальше.. гайдов не нашел в интернетах.

Если действительно сайт маленький, то в разы проще будет выкатить новую версию уже полностью переписанную на однофайловые компоненты. Сейчас ты добавляешь четвертую страницу, завтра пятую, послезавтра динамику и т.д.

Нетфликс троллит?

Если действительно сайт маленький, то в разы проще будет выкатить новую версию уже полностью переписанную на однофайловые компоненты. Сейчас ты добавляешь четвертую страницу, завтра пятую, послезавтра динамику и т.д.

Ну я к этому и стремлюсь, только я хз как связать статическую часть и часть с vue в один проект. Да так, чтобы это всё удобно было.

Ну я к этому и стремлюсь, только я хз как связать статическую часть и часть с vue в один проект. Да так, чтобы это всё удобно было.

один добрый человек набросал мне в песочнице макет, вдумчивое курение которого ответило на 80% моих вопросов. Там и http запросы и вставка в проект и использование vuex и все это в маленьком приложении

https://codesandbox.io/s/r7jv2q1xoq

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

https://codesandbox.io/s/r7jv2q1xoq

Сейчас гляну что это, спс

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

У меня хорошее понимание vue, я со сборкой не дружу

Ну я к этому и стремлюсь, только я хз как связать статическую часть и часть с vue в один проект. Да так, чтобы это всё удобно было.

Кхм, так как ты хочешь удобно не будет. Придется, условно, создать приложение с нуля. Какие-то части copy/paste пройдут, какие-то придется переписывать.

Кхм, так как ты хочешь удобно не будет. Придется, условно, создать приложение с нуля. Какие-то части copy/paste пройдут, какие-то придется переписывать.

Звучит как "нужно делать SPA"

ERROR: S client not available

У меня хорошее понимание vue, я со сборкой не дружу

мне помогло знакомство с ангуларом. почти все директивы совпадают

Звучит как "нужно делать SPA"

А тебя SPA категорически не устраивает?

Ну хочется типа SEO

Ну, есть серверный рендеринг. Либо руками пилишь, либо используешь Nuxt, который вот-вот релизнится. Впрочем, генерация статики и сейчас работает.

Блин, это еще на пол года затянется тогда

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

а там специально store не в data, а отдельно?

Nuxt уже пол года вот вот релизнется. Уже проще самому ssr накрутить

а там специально store не в data, а отдельно?

не знаю, но мне понравилась структура

Блин, это еще на пол года затянется тогда

Покури nuxt generate, за полчаса можно все понять.)

я просто хочу отделаться минимумом внесения новизны для себя. А то я зависну )

Расписал свой предыдущий вопрос вот тут: https://kinrany.github.io/vue_single_page_example/

Всё ещё актуально: есть ли что-то вместо компонентов, одноразовое и без разделения области видимости?

Всё ещё актуально: есть ли что-то вместо компонентов, одноразовое и без разделения области видимости?

Прочитал и нифига не понял задачу. Но из того что я увидел это странное наличие методов choose_first() и choose_second() почему просто напряму в on:click не менять значение?

Прочитал и нифига не понял задачу. Но из того что я увидел это странное наличие методов choose_first() и choose_second() почему просто напряму в on:click не менять значение?

Справедливо. Я сначала думал, там нужно название метода, поэтому завёл их, а только потом сообразил, что вызывать надо.

Ну, есть серверный рендеринг. Либо руками пилишь, либо используешь Nuxt, который вот-вот релизнится. Впрочем, генерация статики и сейчас работает.

Вот-вот — сомнительно)

Сомнительно использовать nuxt ?

Сомнительно, что скоро выйдет.)))

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

но еще не уверен

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

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

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

Да. От релиз кандидата к релиз кандидату то одно, то другое сломают ?

Если небольшой проект - самое оно. Для чего-то большего гибкости маловато, но это на мой взгляд.

А как в Ларавеле сделано? на сколько я знаю они там внутри vue тоже пользуют

или там подразумевается либо SPA либо без vue ?

Ну, там на сервере рендерят обычно, или делают SPA

Роботы поисковые сейчас и по js-у ходят.

Слабо они там по нему ходят

Просто мне не верится что всё так обстоит плохо, потому как пока я юзал vue как скрипт всё пучком было, встраивай куда хочешь. А как сборка добавилась, так всё spa нада делать мутить ssr, nuxt ковырять, ппц ))

Чем дальше в лес, тем злее помидоры.

Блин, что-то не могу сообразить, либо что-то делаю не так: у меня в локалСторе лежит ключ аутентификации, но при обновлении страницы стор у меня полностью пустой, поэтому я пытаюсь загрузить данные с сервера, положить их все в стор, и уже во всем приложении работать с данными со стора. Так вот, так ли правильно такие вещи организовываются? Или я не на верном пути? Есть ли у самого стора хук в момент инициализации ?

Просто мне не верится что всё так обстоит плохо, потому как пока я юзал vue как скрипт всё пучком было, встраивай куда хочешь. А как сборка добавилась, так всё spa нада делать мутить ssr, nuxt ковырять, ппц ))

открою секрет, через cdn или через сборку - разницы нет, всё вью не индексируется поисковиками

открою секрет, через cdn или через сборку - разницы нет, всё вью не индексируется поисковиками

да эт понятно, я потому и нехочу всю статику еще под него загонять