Прекрасно, а что насчет структуры остального приложения? 😊

Стараюсь вот этого придерживаться https://vuejs-templates.github.io/webpack/structure.html

https://vuejs.org/v2/style-guide/

О круто, спасибо большое. Полезная штука

Там код-стайлинг, или я чего-то не вижу?

ты прав

Стараюсь вот этого придерживаться https://vuejs-templates.github.io/webpack/structure.html

в src еще ./modules иногда появляется

Встал вопрос при использовании vue вне, так сказать, экосистемы, в проекте, где php генерирует странички и отдаёт клиенту, а на клиенте vue маунтится на DOM. На сколько правильно, в таком случае, нагружать отдаваемый html темплейтами и характерными для vue кастомными тэгами и всякими v-*? Или лучше в инстанс передавать набор тэгов, искать их в $el и уже при маунте вешать события и дестрое удалять их и соотв. отказываться от всяких v-*?

Встал вопрос при использовании vue вне, так сказать, экосистемы, в проекте, где php генерирует странички и отдаёт клиенту, а на клиенте vue маунтится на DOM. На сколько правильно, в таком случае, нагружать отдаваемый html темплейтами и характерными для vue кастомными тэгами и всякими v-*? Или лучше в инстанс передавать набор тэгов, искать их в $el и уже при маунте вешать события и дестрое удалять их и соотв. отказываться от всяких v-*?

я именно так и отдаю

в twig-шаблонах прописано все для vue, который маунтится при загрузке

но это было сделано как костыль и я надеюсь скоро перевести все на spa

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

может ты просто внурь vuex лишних данных запихал?)

может ты просто внурь vuex лишних данных запихал?)

Так и есть)

Я и не спорю

я тож так делал когда с редаксом знакомился

пытался все подряд в хранилище запихать

потом просто осознал что некоторые вещи надо в локальном стейте держать

Привет всем кто юзает форм генераторы ?

и что юзаете

https://github.com/vue-generators/vue-form-generator

кроме этого ничего иного нет ?

Ребят, есть такой код: ... mounted () { EventBus.$on('fieldChanged', field => { this.handleChangeField(field); }); }, beforeDestroy () { EventBus.$off('fieldChanged', this.handleChangeField); } ... После уничтожения данного компонента событие fieldChanged вызывается столько раз, сколько раз он был смонтирован. Вызов происходит из других компонентов так: EventBus.$emit('fieldChanged', { name: this.name, value: this.value }); В чем может быть проблема?

а какая у тебя цель?

что хочешь достичь этими эвентами

странный подход

ну вьютифай видимо не ждал там ссылку

нашел https://vuetifyjs.com/en/components/lists#api -> v-list-tile href есть, а также to

Melstone форматировать код в телеграм так - (`)

Три обратных кавычки

Если бы ещё подсветка кода была...

вопрос по vuetify. подскажите как повесить компоненту v-list-tile роутер линк

:to="{ name: 'route-name', params: { id: props.item.id }}

:to="{ name: 'route-name', params: { id: props.item.id }}

нашел уже

кстати без двоеточия

<v-list-tile to="/users">

<v-list-tile to="/users">

как душе угодно

как душе угодно

да, но в вьютифай это рабоать не будет

не могу утвержадть, этот код взят с v-btn был

Всем привет Впервые столкнулся как с material, так и с vue-material Как я понял это аля бутстрап Может кто-то подсказать как сделать вот такую штуку? Можно ли вообще её сделать средствами material, или нужно самому педалить?

Т.е. по клику нужно открывать этот тултип Смотрел реализацию тултипов в material, и вроде не очень подходит под это

это скорее модалка хитрая

Всем привет. Пытаюсь подружить vue с клиентом opentok'a (сервис для видеочатиков). Объект сессии опентока в итоге хранится в data одного из компонентов, где на инициализации на него навешивается куча listener'ов. Но в то же время мне нужно использовать ту же сессию для отправки сигнала через форму, которая находится в совсем другом компоненте. Пока что вижу вижу вариант либо оборачивать компонентом с сервисом все остальные компоненты и передавать сессию пропсами куда нужно, либо воспользоваться eventBus'ом. Что посоветуете?

Ребят только начал работу с Vue, у меня глупый вопрос, в каком файле нужно подключать дополнительные скрипты типа owl.carousel чтобы он работал в компонентах

Всем привет. Пытаюсь подружить vue с клиентом opentok'a (сервис для видеочатиков). Объект сессии опентока в итоге хранится в data одного из компонентов, где на инициализации на него навешивается куча listener'ов. Но в то же время мне нужно использовать ту же сессию для отправки сигнала через форму, которая находится в совсем другом компоненте. Пока что вижу вижу вариант либо оборачивать компонентом с сервисом все остальные компоненты и передавать сессию пропсами куда нужно, либо воспользоваться eventBus'ом. Что посоветуете?

не очень понимаю насколько далеко находятся компоненты, но event bus - это неплохой вариант если доступ нужен везде можно, то можно сделать сервис на подобии ангуляровского т.е. это отдельный js файл/класс/что то ещё в котором хранится сессия опентока (а может и обертка над ним), при инициализации делать provider, а в компонентах получать доступ к нему через inject

https://ru.vuejs.org/v2/api/#provide-inject

На данный момент недалеко. Я разделял (схематично) так <container> <session /> <form /> </container>

Думаю если контейнером сделать сессию то наверное будет удобнее, схороню стандартный форкфлоу выходит

С provide-inject посмотрю обязательно, мне изначально и казалось мол подобные глобальные инстансы как-то отдельно должны хранится (по дурости в вуэх даже запихал вначале)

можно ли как то сделать так чтобы по возвращениею на предыдущий роут весь визуал сохранялся? что то типа keep-alive

можно ли как то сделать так чтобы по возвращениею на предыдущий роут весь визуал сохранялся? что то типа keep-alive

А сам keep alive не подходит?

у кого-то возикали проблемы с триггером событий во время юнит-тестирования (используя vue-unit-test)? В частности вот такую ошибку встречали: TypeError: Cannot read property '_withTask' of undefined?

А сам keep alive не подходит?

Ну скажем у меня есть таблица которая подгружается с сервера по клику в роуте. И нужно чтобы вернувшись осталась эта таблица, грубо говоря чтобы все данные в data были на месте)

Ну скажем у меня есть таблица которая подгружается с сервера по клику в роуте. И нужно чтобы вернувшись осталась эта таблица, грубо говоря чтобы все данные в data были на месте)

Keep alive

На router-view?

да

<keep-alive> <router-view></router-view> </keep-alive>

подскажите плз как правильно сделать у меня есть computed свойство email, которое привязано к vuex я хочу сделать модальное окно, в котором будет форма для смены емейла. По умолчанию в инпуте должен быть установлен текущий емейл. Если его изменить и нажать на кнопку - то должен отправиться запрос на сервер.

в реакте я бы например установил на инпут defaultValue, а на в хэндлере на отправку доставал бы текущее значение инпута по ref ссылке

<keep-alive> <router-view></router-view> </keep-alive>

а если у меня $route.go(-1) после изменения модели в БД и нужно вернуться назад после сохранения на страницу вывода. Я возвращаюсь и у меня не измененная таблица при keep-alive( как такое решается?

<keep-alive> <router-view></router-view> </keep-alive>

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

в реакте я бы например установил на инпут defaultValue, а на в хэндлере на отправку доставал бы текущее значение инпута по ref ссылке

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

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

Ага

а как это сделать?

верней, как сделать чтобы при изменении в vuex, также изменялась и эта переменная?

подскажите как следить за данными из API?

подскажите плз как правильно сделать у меня есть computed свойство email, которое привязано к vuex я хочу сделать модальное окно, в котором будет форма для смены емейла. По умолчанию в инпуте должен быть установлен текущий емейл. Если его изменить и нажать на кнопку - то должен отправиться запрос на сервер.

если вы храните email в сторе, то вешаете метод-обработчик изменения значения на input, делаете что-то вроде this.$store.commit('COMMIT_NAME_FOR_EMAIL_MUTATION", value), при отправке достаете значения из стора и отправляете

если вы храните email в сторе, то вешаете метод-обработчик изменения значения на input, делаете что-то вроде this.$store.commit('COMMIT_NAME_FOR_EMAIL_MUTATION", value), при отправке достаете значения из стора и отправляете

не, мне не нужно менять значение в сторе

я отправляю измененные данные на сервер, и если там все сохраняется то мне приходит ответ, и уже данные из этого ответа я пишу в стор

ок, тогда да, локально храните в data

верней, как сделать чтобы при изменении в vuex, также изменялась и эта переменная?

а это нужно? у тебя есть computed и какой-нибудь newEmail в data. При открытие модального окна this.newEmail = this.email; при нажатии на "ок" в модалке вызывать экшен стора со значением this.newEmail, по окночанию которого this.email сам обновится

а это нужно? у тебя есть computed и какой-нибудь newEmail в data. При открытие модального окна this.newEmail = this.email; при нажатии на "ок" в модалке вызывать экшен стора со значением this.newEmail, по окночанию которого this.email сам обновится

да, так и сделал

а какая у тебя цель?

Обновить в vuex значение поля

Ребята, здрасти, подскажите новичку,

<v-flex xs12> <v-text-field value="paramVal" textarea></v-text-field> </v-flex>

value="paramVal" почему он подставляет эту строку в текстареа???

я ему пытаюсь сказать чтоб смотрел на переменную из data

value="paramVal" почему он подставляет эту строку в текстареа???

а почему не должен? Попробуй v-model="paramVal"

а почему не должен? Попробуй v-model="paramVal"

cgfcb,j? lj,hsq xtkjdtr? of ghj,e.

что в переводе, спасибо, пробую

cgfcb,j? lj,hsq xtkjdtr? of ghj,e.

Бывает

Парни, всем привет. Не подскажите где можно подробно почитать про axios кроме как midium

?

https://github.com/axios/axios

да там вроде как и читать особо нечего, readme на гитхабе хватает