Stanislav
Никто не встречал статью "Интегрируем Vue в уже существующий сайт" ?
Sergey
Привет! А ни кто не знает, есть ли какой то эталонный проект на вью, spa например? чтобы подглядывать, как правильно.
Виталий
Привет! А ни кто не знает, есть ли какой то эталонный проект на вью, spa например? чтобы подглядывать, как правильно.
гм. Стартовый момент здесь - vue-cli. https://github.com/vuejs/vue-cli В ней есть сразу несколько готовых шаблонов Current available templates include: webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. webpack-simple - A simple Webpack + vue-loader setup for quick prototyping. browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing. browserify-simple - A simple Browserify + vueify setup for quick prototyping. pwa - PWA template for vue-cli based on the webpack template simple - The simplest possible Vue setup in a single HTML file Помимо этих, есть и кастомные пользовательские или библиотечные Например, у vuetify есть целый набор своих шаблонов для vue-cli https://vuetifyjs.com/vuetify/quick-start
Sergey
Спасибо )
Sergey
Может не много не так выразился. Я имел в виду, что хотелось бы посмотреть на готовы проект какой то боевой, который хорошо сделан и можно взять его за пример.
Danila
Привет. Очень хочется юзать вуекс из-за удобста экшенов и сопутствующего удобства организации обмена с сервом в одном месте. Но вуекс мне, объективно, не нужен. Как правильно устроить обмен с бэкэндом? Рвать его на куски и импортить по-компоненто? Запихать в один файл? Я что-то упускаю?
Anonymous
npm i vue-resource
Anonymous
если про взаимодействие с бэкэндом
Danila
если про взаимодействие с бэкэндом
Нормально будет, если я это буду юзать прямо в методах компонента, например, я вот к чему.
Danila
За ссылку спасибо.
Danila
Просто использование вуекса здорово разграничивает ответсвтенности
Danila
Я про то, как правильно оторвать реализацию обмена от компонента, или не стоит париться?
makvell
вынести в отдельное место, подключать по необходимости и использовать там где нужно? :)
Alexander
vue-resource уже не актуален, насколько мне известно, рекомендуют использовать https://github.com/imcvampire/vue-axios, а по поводу архитектуры не знаю
Anonymous
Нормально будет, если я это буду юзать прямо в методах компонента, например, я вот к чему.
не очень. Сделай отдельный модуль, опиши в нем все свои ресурсы, импорть где нужно и юзай
Michael
vue-resource уже не актуален, насколько мне известно, рекомендуют использовать https://github.com/imcvampire/vue-axios, а по поводу архитектуры не знаю
это тоже устарело. Юзайте просто ахиос, подключая где надо, или импортируйте ахиос и присваивайте к вью.прототайп.ахиос
Alexander
сейчас врывается еще один человек и говорит что и это не актуально)
Bohdan
отправляйте голубей за данными
makvell
чего вы прицепились к, грубо говоря, "инструменту запросов"? человек же за архитектуру спросил ;)
Danila
Конкретная аякс-либа не так важна
Danila
Да
Danila
Я больше про архитектуру
Anonymous
у аксиоса есть такая превосходная возможность, как описывать ресурсы заранее для последующего использования?
Anonymous
https://github.com/pagekit/vue-resource/blob/develop/docs/resource.md
Anonymous
чтобы можно было тупо users.get().then(...)
Виталий
Парни, такой вопрос. Есть способ как-то нормально получить на выходе строку HTML по некоему шаблону. Тоесть не занимаясь фигней типа
Виталий
Anonymous
фу это че
Виталий
... а нормально, как в Vue или в Handlebars
Danila
template literals
Alexander
если я правильно понял о чем идет речь, то вот это с доки
Anonymous
неправильно понял
makvell
ну так это все можно в своем модуле описать, а где нужно - просто MyAPI.getUsers().then(...)
Виталий
template literals
Спасибо тебе, добрый человек 👍 А то я аж спал плохо, после того когда у себя в коде взглядом встречал то что скинул) А для поиска решения даже не мог понять как на англ. сформулировать запрос.
Виталий
фу это че
Да меня самого оторопь брала и отвращение, а как по другому сделать не мог понять - сделал как получилось.
Danila
Спасибо тебе, добрый человек 👍 А то я аж спал плохо, после того когда у себя в коде взглядом встречал то что скинул) А для поиска решения даже не мог понять как на англ. сформулировать запрос.
Их можно выносить в модули типа export default data => сюда шаблон А потом делать import template from './template' tplString = template(this.data) Или типа того
Vadim
Посоветуйте что-то, чтобы сделать кастомный select. Просто хочу кастомизировать выпадающее меню, без всяких select2 и т.д.
Vadim
я юзаю https://github.com/sagalbot/vue-select функционал как в select-2, компонент нативный
Я его и взял. Переписал часть кода, а в нем даже значение по умолчанию поставить нельзя.
Alexander
Я его и взял. Переписал часть кода, а в нем даже значение по умолчанию поставить нельзя.
у меня была другая трабла - нужно было запретить очистить поле, оказалось что такой проперти нет и пришлось на верстке просто скрывать крестик)
Stanislav
Спасибо
От ребят из Monterail. Юзают Vue в проде, делали прошлую конфу в Польше
Andrey
У кого то он вообще не работает, так как пилю приложение в ВК (
Andrey
Vue templates и prettier (или другой форматтер). Как их подружить? Желательно в vs code. В Vetur можно выбрать js-beautify-html, но это не помогает, что делать?
Alexander
@xanf_ua воу, здравствуйте)
Illya
я мимо проходило
Illya
логи нужны
Arstanbek
Приветствую! Хорошо бы админам группы, или энтузиастам сделать гайд по часто задаваемым вопросам и методам их решений. Что должен человек минимально знать для начала работы с Вью. Вроде, порог вхождения невысокий. А потом краткий курс, как можно искать готовые компоненты. Таких материалов валом, главное, скомпоновать в список обязательных к прочтению/просмотру, предпочтительном на русском, так как аудитория соответствующая. Интересно было бы. Есть мудрость - правильно заданный вопрос уже содержит в себе половину ответа ) Из своего опыта, когда решал, на каком коде мне будет удобнее писать свой проект, хотелось попробовать все, чтобы не было сомнений. Ангуляр не стал даже смотреть, потому что нужно было запомнить более 20 директив (а может даже и больше 40 в одной из версий). Затем, не совместимость версий. Ангуляр не ругаю, потому как, в команде у сильного архитектора, хоть на чем писал бы. А хотелось изящно, просто и красиво. Между прочим, на вью я долго не обращал внимания, так как в нем упоминались эти страшные слова "директивы". Начал с реакта. Пару дней погонял скринкасты, с неделю пытался делать что-то из своего проекта. И эта слишком непонятная, многословно-бесплоезная методика редакс, и плюс к тому у меня на выхлопе мало, а кода очень много. Забил, простил себе печальный опыт. Оставалось Вью, да и к тому времени встречались статьи, где говорилось о том, что это прекрасно) Начав изучать оф документацию, натакнулся на одно видео, которое подкрепило убеждение в том, что выбрав Вью - я не прогадаю ) https://www.youtube.com/watch?v=7pmw5gvWAf8&list=PL3Je9Uu8Smu2YZhpdEKzfW8zFZtCU2Vvy Воодушившись, я попробовал начать, и код начинал выглядеть очень страшным. Тогда, договорился с одним за оплату со спецом по Вью, который был известен своим опытом. Был выбран http://framework7.io/vue/ Договор был таков - работаем совместно 3 раза в неделю по 3-4 часа, в течении двух недель. (Интересный, но, своеобразный и капризный инструмент. Если кому интересно, обязательно для попробования http://quasar-framework.org/components/ ) Спецу подготовил кейс задач, которые часто встречались в проекте. Примеры реализации страниц, модалей, попапов. То есть, когда шаблонные страницы были готовы, то по образу подобию, попытался делать другие самостоятельно, и тут же решал возникающие проблемы на месте))).
Illya
автор видео улыбнулся
Alexander
ахах
Arstanbek
автор видео улыбнулся
https://youtu.be/7pmw5gvWAf8?list=PL3Je9Uu8Smu2YZhpdEKzfW8zFZtCU2Vvy Серьезно, вы об этом? )
Illya
Да
Illya
Я автор
Arstanbek
Я автор
Здорово!
Dmitry
Народ подскажите как можно на Vue отследить изменения даных, к примеру, у меня есть таблица несколько строк с данными, заполняю форму записываю в базу, а таблица не изменеятся)????
Николаич
Приветствую! Хорошо бы админам группы, или энтузиастам сделать гайд по часто задаваемым вопросам и методам их решений. Что должен человек минимально знать для начала работы с Вью. Вроде, порог вхождения невысокий. А потом краткий курс, как можно искать готовые компоненты. Таких материалов валом, главное, скомпоновать в список обязательных к прочтению/просмотру, предпочтительном на русском, так как аудитория соответствующая. Интересно было бы. Есть мудрость - правильно заданный вопрос уже содержит в себе половину ответа ) Из своего опыта, когда решал, на каком коде мне будет удобнее писать свой проект, хотелось попробовать все, чтобы не было сомнений. Ангуляр не стал даже смотреть, потому что нужно было запомнить более 20 директив (а может даже и больше 40 в одной из версий). Затем, не совместимость версий. Ангуляр не ругаю, потому как, в команде у сильного архитектора, хоть на чем писал бы. А хотелось изящно, просто и красиво. Между прочим, на вью я долго не обращал внимания, так как в нем упоминались эти страшные слова "директивы". Начал с реакта. Пару дней погонял скринкасты, с неделю пытался делать что-то из своего проекта. И эта слишком непонятная, многословно-бесплоезная методика редакс, и плюс к тому у меня на выхлопе мало, а кода очень много. Забил, простил себе печальный опыт. Оставалось Вью, да и к тому времени встречались статьи, где говорилось о том, что это прекрасно) Начав изучать оф документацию, натакнулся на одно видео, которое подкрепило убеждение в том, что выбрав Вью - я не прогадаю ) https://www.youtube.com/watch?v=7pmw5gvWAf8&list=PL3Je9Uu8Smu2YZhpdEKzfW8zFZtCU2Vvy Воодушившись, я попробовал начать, и код начинал выглядеть очень страшным. Тогда, договорился с одним за оплату со спецом по Вью, который был известен своим опытом. Был выбран http://framework7.io/vue/ Договор был таков - работаем совместно 3 раза в неделю по 3-4 часа, в течении двух недель. (Интересный, но, своеобразный и капризный инструмент. Если кому интересно, обязательно для попробования http://quasar-framework.org/components/ ) Спецу подготовил кейс задач, которые часто встречались в проекте. Примеры реализации страниц, модалей, попапов. То есть, когда шаблонные страницы были готовы, то по образу подобию, попытался делать другие самостоятельно, и тут же решал возникающие проблемы на месте))).
Что должен человек минимально знать для начала работы с Вью Как минимум прочитать доку 2 раза. Там же реально все настолько разжевано, что вопросов почти не остается.
D
Всем, привет! Есть вопрос. Имею 2 компонента, которые расположены на разных роутах. Иерархически данные компоненты не связаны. При этом у компонента, который находится по роуту, например /someroute state namespaced. Но второй компонент, который находится по роуту /someroute/edit/:id нужно передать массив, который формируется в первом компоненте. Каким образом можно получить эти данны со стора первого компонента?
Николаич
Элементарно. Замапить один и тот же элемент стэйта в оба компонента. В чем конкретно вопрос?
Andrew
там может решение нужно без Vuex?
Yevhenii
Привет всем, посоветуйте плиз плагины/пакеты/статьи по валютным маскам на инпуты К примеру что бы при вводе сумы запятые и точки роставлялись по своим местам
D
С одной компоненты заполнить стейт, а в другой - взять её)
Да вот пробую, но почему-то постоянно приходит пустой массив, такое впечатление, что когда, перехожу на новый роут, то зануляются данные
Arstanbek
переход асинхронный?
D
переход асинхронный?
<router-link :to=" { name: '/ip-rules/edit', params: { id: editIp } } " class="pull-right" >
Arstanbek
надо по другому немного. Прикрутите vuex. Для перехода, опишите метод, который сперва засунет в стору данные, а потом сделает переход на другую страницу, и вызывайте его.
D
надо по другому немного. Прикрутите vuex. Для перехода, опишите метод, который сперва засунет в стору данные, а потом сделает переход на другую страницу, и вызывайте его.
vuex используется, в сторе данные обновляется, это 100%, потому как логика устроена так что, до перехода на новую страницу данные, которые нужны уже есть в сторе. Но при переходе на новую страницу, когда вызывают ...mapGetters({ values: 'ipRules/getEditedIps', }), ipRules/getEditedIps - вот это метод возвращает пустой массив, хотя на пердыдущей странице, я вижу, что данные в сторе обновились
Vadim
У кого то он вообще не работает, так как пилю приложение в ВК (
А есть какие-то лайфхаки по разработке приложения для вк? Я тоже делал. Много головной боли, для просмотра изменения приходится пушить изменения на север и пересобирать.
D
те ли геттеры используются? Попробуйте после заполнения сторы и перед переходом вывести данные в консоль через тот геттер. И ту же строку на новой) Кажется, вы что-то не так делаете
Та я понимаю, мозгом, что что-то не так делаю, но уже перепробовал все что только можно было, пока не пришел к нормальному ответу
Arstanbek
Stanislav
Сейчас стоит https://github.com/text-mask/text-mask, но буду переезжать на https://github.com/uNmAnNeR/imaskjs/
... переезжать, когда пофиксится ряд моментов. Например, работа input'a, без с пустой маской.
Andrey
А есть какие-то лайфхаки по разработке приложения для вк? Я тоже делал. Много головной боли, для просмотра изменения приходится пушить изменения на север и пересобирать.
я создал девелопмент приложение, которое обращается к 127.0.0.1:3338. К моему удивлению даже лайврелоад работает, в общем с этим проблем нет)
Andrey
Проблема с тем, что вью девтулс не могет в iframe, надеюсь они скоро допилят это