да, мне тоже не понравилось, пока name атрибут не укажешь, работать не будет

ну так юзай vuelidate

только хотел спросить про альтернативы.

спасибо, посмотрю :)

о, прямо в компоненте все настройки

а не в HTML

красота

никто тебе этого не скажет. Нормальные люди http клиент в прототип не запихивают

Я тебя вообще не понял. Если не сложно можешь объяснить более детально?

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

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

А что тогда в вью-коммьюнити принято использовать для хттп запросов?

Axios. А обертки над ним.

Axios. А обертки над ним.

Понял. Спасибо. Сорри, что я изначально сформулировал непонятно.

ребят помогите плиз уже пол дня думаю https://toster.ru/q/508666

Axios. А обертки над ним.

Видел статью которая жаловалась на низкоуровневость fetch. И хвалила axios с возможностью вначале сконфигать чтобы автоматом отправлялись хедеры и авторизация. А чем хуже маленькие абстракции над fetch по сравнению с конфигурацией axios?

Ребят, а кто vetur использует в vs code? что-то никак не могу настроить табсайз

Видел статью которая жаловалась на низкоуровневость fetch. И хвалила axios с возможностью вначале сконфигать чтобы автоматом отправлялись хедеры и авторизация. А чем хуже маленькие абстракции над fetch по сравнению с конфигурацией axios?

да ничем. Axios просто кроссбраузерный и кроссплатформенный

Ребят, а кто vetur использует в vs code? что-то никак не могу настроить табсайз

думаю ветур тут вообще не причем. Таб зайс настраивается именно в vs code

думаю ветур тут вообще не причем. Таб зайс настраивается именно в vs code

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

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

ну сейчас прописал для [vue], посмотрим

ой посоны, оказывается export не реализована в браузерах... чет я тупанул. А как по старинке вытаскивать наверх функции... забыл

ребят помогите плиз уже пол дня думаю https://toster.ru/q/508666

стоп, WTF

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

подскажите, пожалуйста, как правильно организовать. есть кнопка, которая присутствует на всех страницах сайта. по кнопке должно открываться модальное окно. также модальное окно может быть использовано в других случаях на сайте. и я задумался, во-первых: 1. Modal - компонент? Т.е., делаю отдельный файл с компонентом Modal? 2. Кнопка - компонент? Я в футере вызываю её так: <OrderButton></OrderButton>. 3. Как мне сделать Modal таким, чтобы его могли юзать другие компоненты, а точнее, что я должен сделать при @click="", какой метод вызывать, и главное как добраться до методов Modal. Че-то подгрузился, просто дайте в ответ что-то вроде читай про слоты и `$emit`

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

я для себя использовал решение с модалками которые вызываются через vuex или через какой-то метод. Есть типо RootModal в корне приложение, он получает в пропсы модалки, а модалки это обьекты с данными типо titleModal, textModal. Работает это дело через промиссы. Так же, если мне нужно было использовать какой-нить ну вообще кастомных html прям из компонента в котором вызываю модалку, то я использовал https://linusborg.github.io/portal-vue/#/

я заранее делал специфичные модалки и прокидывал их компоненты в этот rootModal, а потом через <component :is> и v-for рендерил модалки из массива modals

жесть

я думал как-то попроще можно.. :(

ну не знаю, как проще, зато я мог себе позволить делать такое const result = await PaymentModal({ user: id }) result.amount // 500

внутри какой-нить странице по клику на кнопку

хотя, я добавил их в прототип и вызывал через this.$modals.Payment()

я c JS около двух недель знаком, честно говоря сложноватая схема выходит

ладно пойду доку почитаю, может как-то допру

хотя, я добавил их в прототип и вызывал через this.$modals.Payment()

Жах

кто-нибудь юзает jsx внутри vue компонентов?

Зачем?)

иногда jsx лучше чем обычные шаблоны vue

иногда jsx лучше чем обычные шаблоны vue

Не думаю

даже в официальной документации это написано, что есть случаю когда без генерации шаблона js никак - https://ru.vuejs.org/v2/guide/render-function.html

Я выбрал не реакт, а вью, именно чтобы избежать этой гадости jsx)

Ты в слове радость ошибку допустил

Зачем?)

Потому что вью может ))

Вью не заставляет использовать эту... Радость?))

тестирую jsx щас...

{{ message }} преобразуется в { this.message }

props пока чтото не пойму как получить внутри jsx

Ребят, есть ли что-то лучше vuetify или оно топ?

помогите, пожалуйста, разобраться. в шаблоне 3 кнопки, которые добавляют новые элементы к трем разным спискам. кнопка вызывается <button @click="addNewItem('responsibilities')">Добавить</button> где передается наименование списка. далее идет уже метод addNewItem: function (items) { this.items.push({ title: '' }) }, так вот, как параметр с кнопки заставить работать с this? тк items.push is not a function

addNewItem(items) {...} или addNewItem: items => {...} так бэбел не забудь настроить под es6

babel es6

omg "babel": { "presets": [ "es2015" ] }

стрелочную функцию мути, она контекст this берет из места определения

стрелочную функцию мути, она контекст this берет из места определения

что значит из места определения?) что теперь дописать перед items? addNewItem: items => { items.push({ title: '' }) },

что значит из места определения?) что теперь дописать перед items? addNewItem: items => { items.push({ title: '' }) },

сори, я не глядя написал, у тебя вообще другая проблема

Привет ребзи. Кто-нибудь может сказать почему может не работать vuex плагин?

Тоесть в dev-tools не видно какие мутации происходят?

Нужно ли для этого какой-то плагин в приложении?

если responsibilities это список, который лежит в свойстве items даты компонента, то тебе надо делать this.items.[items].push({title});

Нужно ли для этого какой-то плагин в приложении?

Нет.

Нет.

А чего тогда может не работать из коробки?

Если я установил vuex, то должно работать из коробки?

А чего тогда может не работать из коробки?

Хз

Хз

Так а ты не пользуешься?

Ребят, есть ли что-то лучше vuetify или оно топ?

Quasar-Framework например

Так а ты не пользуешься?

Я гадаю плохо) А ты мало информации предоставляешь

Я гадаю плохо) А ты мало информации предоставляешь

Вот мой store

Я нашел open-source проэкт, и там все работает. Но подключается дополнительный плагин в сам store

Как то так

И без этого девтулз работают

И без этого девтулз работают

Какую информацию еще можно предоставить:?

если responsibilities это список, который лежит в свойстве items даты компонента, то тебе надо делать this.items.[items].push({title});

а сразу никак не получится передать по типу this.[items].push( ?

Какую информацию еще можно предоставить:?

Мутации выполняются нормально?

Мутации выполняются нормально?

Да, я отслеживал через alert

Мутации выполняются нормально?

Они выполняются

а сразу никак не получится передать по типу this.[items].push( ?

попробуй без точки после this, this[items].push, наверное сработает, но я хуй знает, никогде так не делал

<my-component v-bind:class="{ active: isActive }"></my-component> при таком вызове компонента, isActive берется родительский, или внутри этого компонента?

попробуй без точки после this, this[items].push, наверное сработает, но я хуй знает, никогде так не делал

получилось, большое спасибо!