у всех лагает вьютулс ???

меня это уже бесить начинает

баг пропал с отключением muse-ui. Заметил в коде что его внутренности встречаются если остановить исполнение в момент фриза. Где-то походу анимация у них через жс делается. Хз может в новой версии такого нет, моей уже полгода Финита ля комедия. 6 часов на это дерьмо, карлы

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

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

это уже от начальства зависит

у всех лагает вьютулс ???

Ага. После обновления какого-то при горячем релоаде webpack-ом дерево компонентов часто пропадает - приходится консоль сворачивать разворачивать чтобы прогрузилось снова.

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

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

Ребят, подскажите где почитать про роутеры ?

https://jsfiddle.net/space2pacman/2qy07p1c/1/

3 и 4 строчка кода

Как выводимые данные поместить в щаблон ?

Никто не встречал статью "Интегрируем Vue в уже существующий сайт" ?

Привет! А ни кто не знает, есть ли какой то эталонный проект на вью, 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

Спасибо )

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

Привет. Очень хочется юзать вуекс из-за удобста экшенов и сопутствующего удобства организации обмена с сервом в одном месте. Но вуекс мне, объективно, не нужен. Как правильно устроить обмен с бэкэндом? Рвать его на куски и импортить по-компоненто? Запихать в один файл? Я что-то упускаю?

npm i vue-resource

если про взаимодействие с бэкэндом

если про взаимодействие с бэкэндом

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

За ссылку спасибо.

Просто использование вуекса здорово разграничивает ответсвтенности

Я про то, как правильно оторвать реализацию обмена от компонента, или не стоит париться?

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

vue-resource уже не актуален, насколько мне известно, рекомендуют использовать https://github.com/imcvampire/vue-axios, а по поводу архитектуры не знаю

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

не очень. Сделай отдельный модуль, опиши в нем все свои ресурсы, импорть где нужно и юзай

vue-resource уже не актуален, насколько мне известно, рекомендуют использовать https://github.com/imcvampire/vue-axios, а по поводу архитектуры не знаю

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

сейчас врывается еще один человек и говорит что и это не актуально)

отправляйте голубей за данными

чего вы прицепились к, грубо говоря, "инструменту запросов"? человек же за архитектуру спросил ;)

Конкретная аякс-либа не так важна

Да

Я больше про архитектуру

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

https://github.com/pagekit/vue-resource/blob/develop/docs/resource.md

чтобы можно было тупо users.get().then(...)

Парни, такой вопрос. Есть способ как-то нормально получить на выходе строку HTML по некоему шаблону. Тоесть не занимаясь фигней типа

фу это че

... а нормально, как в Vue или в Handlebars

template literals

если я правильно понял о чем идет речь, то вот это с доки

неправильно понял

ну так это все можно в своем модуле описать, а где нужно - просто MyAPI.getUsers().then(...)

ну так это все можно в своем модуле описать, а где нужно - просто MyAPI.getUsers().then(...)

+

template literals

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

фу это че

Да меня самого оторопь брала и отвращение, а как по другому сделать не мог понять - сделал как получилось.

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

Их можно выносить в модули типа export default data => сюда шаблон А потом делать import template from './template' tplString = template(this.data) Или типа того

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

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

https://vue-multiselect.js.org

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

я юзаю https://github.com/sagalbot/vue-select функционал как в select-2, компонент нативный

я юзаю https://github.com/sagalbot/vue-select функционал как в select-2, компонент нативный

Я его и взял. Переписал часть кода, а в нем даже значение по умолчанию поставить нельзя.

https://vue-multiselect.js.org

Спасибо

Я его и взял. Переписал часть кода, а в нем даже значение по умолчанию поставить нельзя.

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

Спасибо

От ребят из Monterail. Юзают Vue в проде, делали прошлую конфу в Польше

у всех лагает вьютулс ???

У кого то он вообще не работает, так как пилю приложение в ВК (

Vue templates и prettier (или другой форматтер). Как их подружить? Желательно в vs code. В Vetur можно выбрать js-beautify-html, но это не помогает, что делать?

@xanf_ua воу, здравствуйте)

я мимо проходило

логи нужны

Приветствую! Хорошо бы админам группы, или энтузиастам сделать гайд по часто задаваемым вопросам и методам их решений. Что должен человек минимально знать для начала работы с Вью. Вроде, порог вхождения невысокий. А потом краткий курс, как можно искать готовые компоненты. Таких материалов валом, главное, скомпоновать в список обязательных к прочтению/просмотру, предпочтительном на русском, так как аудитория соответствующая. Интересно было бы. Есть мудрость - правильно заданный вопрос уже содержит в себе половину ответа ) Из своего опыта, когда решал, на каком коде мне будет удобнее писать свой проект, хотелось попробовать все, чтобы не было сомнений. Ангуляр не стал даже смотреть, потому что нужно было запомнить более 20 директив (а может даже и больше 40 в одной из версий). Затем, не совместимость версий. Ангуляр не ругаю, потому как, в команде у сильного архитектора, хоть на чем писал бы. А хотелось изящно, просто и красиво. Между прочим, на вью я долго не обращал внимания, так как в нем упоминались эти страшные слова "директивы". Начал с реакта. Пару дней погонял скринкасты, с неделю пытался делать что-то из своего проекта. И эта слишком непонятная, многословно-бесплоезная методика редакс, и плюс к тому у меня на выхлопе мало, а кода очень много. Забил, простил себе печальный опыт. Оставалось Вью, да и к тому времени встречались статьи, где говорилось о том, что это прекрасно) Начав изучать оф документацию, натакнулся на одно видео, которое подкрепило убеждение в том, что выбрав Вью - я не прогадаю ) https://www.youtube.com/watch?v=7pmw5gvWAf8&list=PL3Je9Uu8Smu2YZhpdEKzfW8zFZtCU2Vvy Воодушившись, я попробовал начать, и код начинал выглядеть очень страшным. Тогда, договорился с одним за оплату со спецом по Вью, который был известен своим опытом. Был выбран http://framework7.io/vue/ Договор был таков - работаем совместно 3 раза в неделю по 3-4 часа, в течении двух недель. (Интересный, но, своеобразный и капризный инструмент. Если кому интересно, обязательно для попробования http://quasar-framework.org/components/ ) Спецу подготовил кейс задач, которые часто встречались в проекте. Примеры реализации страниц, модалей, попапов. То есть, когда шаблонные страницы были готовы, то по образу подобию, попытался делать другие самостоятельно, и тут же решал возникающие проблемы на месте))).

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

ахах

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

https://youtu.be/7pmw5gvWAf8?list=PL3Je9Uu8Smu2YZhpdEKzfW8zFZtCU2Vvy Серьезно, вы об этом? )

Да

Я автор

Я автор

Здорово!

Народ подскажите как можно на 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 раза. Там же реально все настолько разжевано, что вопросов почти не остается.

Всем, привет! Есть вопрос. Имею 2 компонента, которые расположены на разных роутах. Иерархически данные компоненты не связаны. При этом у компонента, который находится по роуту, например /someroute state namespaced. Но второй компонент, который находится по роуту /someroute/edit/:id нужно передать массив, который формируется в первом компоненте. Каким образом можно получить эти данны со стора первого компонента?

Народ подскажите как можно на Vue отследить изменения даных, к примеру, у меня есть таблица несколько строк с данными, заполняю форму записываю в базу, а таблица не изменеятся)????

Я сегодня выше почти полный готовый код подобной задачи скидывал поищите поиском в чате

Элементарно. Замапить один и тот же элемент стэйта в оба компонента. В чем конкретно вопрос?

Я сегодня выше почти полный готовый код подобной задачи скидывал поищите поиском в чате

Ок, спасибо

Всем, привет! Есть вопрос. Имею 2 компонента, которые расположены на разных роутах. Иерархически данные компоненты не связаны. При этом у компонента, который находится по роуту, например /someroute state namespaced. Но второй компонент, который находится по роуту /someroute/edit/:id нужно передать массив, который формируется в первом компоненте. Каким образом можно получить эти данны со стора первого компонента?

С одной компоненты заполнить стейт, а в другой - взять её)

там может решение нужно без Vuex?

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

С одной компоненты заполнить стейт, а в другой - взять её)

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

переход асинхронный?

переход асинхронный?

<router-link :to=" { name: '/ip-rules/edit', params: { id: editIp } } " class="pull-right" >

надо по другому немного. Прикрутите vuex. Для перехода, опишите метод, который сперва засунет в стору данные, а потом сделает переход на другую страницу, и вызывайте его.

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

Сейчас стоит https://github.com/text-mask/text-mask, но буду переезжать на https://github.com/uNmAnNeR/imaskjs/

надо по другому немного. Прикрутите vuex. Для перехода, опишите метод, который сперва засунет в стору данные, а потом сделает переход на другую страницу, и вызывайте его.

vuex используется, в сторе данные обновляется, это 100%, потому как логика устроена так что, до перехода на новую страницу данные, которые нужны уже есть в сторе. Но при переходе на новую страницу, когда вызывают ...mapGetters({ values: 'ipRules/getEditedIps', }), ipRules/getEditedIps - вот это метод возвращает пустой массив, хотя на пердыдущей странице, я вижу, что данные в сторе обновились

У кого то он вообще не работает, так как пилю приложение в ВК (

А есть какие-то лайфхаки по разработке приложения для вк? Я тоже делал. Много головной боли, для просмотра изменения приходится пушить изменения на север и пересобирать.

vuex используется, в сторе данные обновляется, это 100%, потому как логика устроена так что, до перехода на новую страницу данные, которые нужны уже есть в сторе. Но при переходе на новую страницу, когда вызывают ...mapGetters({ values: 'ipRules/getEditedIps', }), ipRules/getEditedIps - вот это метод возвращает пустой массив, хотя на пердыдущей странице, я вижу, что данные в сторе обновились

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

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

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

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

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

Сейчас стоит https://github.com/text-mask/text-mask, но буду переезжать на https://github.com/uNmAnNeR/imaskjs/

... переезжать, когда пофиксится ряд моментов. Например, работа input'a, без с пустой маской.

А есть какие-то лайфхаки по разработке приложения для вк? Я тоже делал. Много головной боли, для просмотра изменения приходится пушить изменения на север и пересобирать.

я создал девелопмент приложение, которое обращается к 127.0.0.1:3338. К моему удивлению даже лайврелоад работает, в общем с этим проблем нет)

Проблема с тем, что вью девтулс не могет в iframe, надеюсь они скоро допилят это

я создал девелопмент приложение, которое обращается к 127.0.0.1:3338. К моему удивлению даже лайврелоад работает, в общем с этим проблем нет)

А это в настройках приложения?

ну в настройках просто указываешь адресс откуда ВК будет грузить iframe. Для сервака с лайврелоадом юзал gulp-connect с таким конфигом: proxy: '127.0.0.1:3338', port: 3338, https: true, livereload: true, root: './'

ну в настройках просто указываешь адресс откуда ВК будет грузить iframe. Для сервака с лайврелоадом юзал gulp-connect с таким конфигом: proxy: '127.0.0.1:3338', port: 3338, https: true, livereload: true, root: './'

Круто, спасибо!

vuex используется, в сторе данные обновляется, это 100%, потому как логика устроена так что, до перехода на новую страницу данные, которые нужны уже есть в сторе. Но при переходе на новую страницу, когда вызывают ...mapGetters({ values: 'ipRules/getEditedIps', }), ipRules/getEditedIps - вот это метод возвращает пустой массив, хотя на пердыдущей странице, я вижу, что данные в сторе обновились

ipRules/getEditedIps - вот это метод возвращает пустой массив Так метод или геттер? Такое впечатление, что вы пытаетесь при переходе вызвать экшн. Без кода трудно угадать.