Да, программисты часто забывают, что важен не столько код, сколько продукт. Но статья на патреоне реально крутая. Я как-то и не задумывался если честно, что у него настолько всё продумано и запланировано. Неудивительно, что с Тэйлором Отвеллом (который Laravel) у него хорошие отношения.

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

ох и ник. думал ссылка

Да, программисты часто забывают, что важен не столько код, сколько продукт. Но статья на патреоне реально крутая. Я как-то и не задумывался если честно, что у него настолько всё продумано и запланировано. Неудивительно, что с Тэйлором Отвеллом (который Laravel) у него хорошие отношения.

Можно ссылку?

Можно ссылку?

https://blog.patreon.com/vue-js-creator-evan-you/

Эван, кстати, говорит, что он "master of arts" а не "master of computer science". Не знаю как сейчас, а на исходники ранней двойки было без слёз не взглянуть. Но насчет API он реально красавец, всех уделал.

Какого апи?

Всем привет. Кто-нибудь использовал библиотеки для материал дизайна? Смотрел vue material и vuetify. Что посоветуете?

Какого апи?

Имеется в виду апи фреймворка

Всем привет. Кто-нибудь использовал библиотеки для материал дизайна? Смотрел vue material и vuetify. Что посоветуете?

Судя по инету, vuetify сейчас на коне.

Подскажите, начал пилить heyui cli проект, он в dev рендерит на странице, т.е. не в виртуальном доме, а потом казывает. Пример, кнопка, вначале дефолтная появляется (без стиля), а потом меняется на фреймворкная. А как сделать, чтоб она сразу феймворкная показалась?

Кто подскажет?)

ребятки, научити запускать npm run dev, только без своего сервера, нужно чтоб он просто складывал в папочку, откуда будет раздавать nginx. у меня есть проблемы с тем, что бекенд и фротенд работают на разных портах, и запросы из-за cors не летают туда-сюда.

я так понимаю нужно создать webpack.dev.conf.js копию, и убрать оттуда последнюю секцию с сервером?

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

Для этого обычно npm run build юзается

Просто в статику всё собирает

Судя по инету, vuetify сейчас на коне.

Спасибо!)

ребятки, научити запускать npm run dev, только без своего сервера, нужно чтоб он просто складывал в папочку, откуда будет раздавать nginx. у меня есть проблемы с тем, что бекенд и фротенд работают на разных портах, и запросы из-за cors не летают туда-сюда.

Вам нужно настроить прокси в конфигурации вебпака

Просто в статику всё собирает

ну он же дольше собирает, и как его через вотчер заработать? я сейчас добавил в scripts такую команду: "watch": "webpack --watch --progress --config build/webpack.prod.conf.js",

это по сути то же самое что run build

если я не ошибаюсь)

Вам нужно настроить прокси в конфигурации вебпака

проблема в том, что бекенд и nginx в виртуалке висят, а сам вотчер на основной машине, т.к. тут интеграция с IDE

с неё кнопочками можно таски гонять

он не умеет в виртуалку ходить, ну может и можно научить, но я не знаю как.

пока поюзаю webpack --watch

проблема в том, что бекенд и nginx в виртуалке висят, а сам вотчер на основной машине, т.к. тут интеграция с IDE

Через ssh пробросить на локальный компьютер?

что именно пробросить?

он не умеет в виртуалку ходить, ну может и можно научить, но я не знаю как.

Ssh туннель, на Винде putty умеет

что именно пробросить?

Порт с Бэка на локальную машину

что именно пробросить?

Вебпак прокси может на другой хост ходить

Вебпак прокси может на другой хост ходить

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

а то костылями поростет все

ещё bash скрипты осталось написать

а есть статейка как настроить этот вебпак прокси

?

или вы имеете ввиду nginx proxy_pass на порт вебпака?

или вы имеете ввиду nginx proxy_pass на порт вебпака?

Да

или вы имеете ввиду nginx proxy_pass на порт вебпака?

Извини, я на пару часов исчезну

а, тогда понял о чем речь. cпасибо за помощь!

как сделать вызов метода только когда юзер перестает вводить текст?

как сделать вызов метода только когда юзер перестает вводить текст?

@input?

@input?

это за каждую букву 1 запрос отправляет

это за каждую букву 1 запрос отправляет

А @change?

это за каждую букву 1 запрос отправляет

https://learn.javascript.ru/events-change

привет! подскажите пожалуйста как полученный обект в функцию сгенерировать в json

привет! подскажите пожалуйста как полученный обект в функцию сгенерировать в json

JSON.stringify()

JSON.stringify()

спасибо )

А @change?

То же самое

То же самое

В методе axios срабатывает, это поиск

https://learn.javascript.ru/events-change

Причём тут это?

В методе axios срабатывает, это поиск

Может тебе нужен debounce/throttling?

В методе axios срабатывает, это поиск

https://stackoverflow.com/questions/42199956/how-to-implement-debounce-in-vue2

Может тебе нужен debounce/throttling?

+ за debounce

Причём тут это?

При том что принцип тот же. Можно на нативное событие подписаться же.

Доброе утречко! Вопрос банальный, по чекбоксам - точнее, радио-кнопкам. Может, вы увидите то, чего не вижу я ~_~ Все пункты корректно подтягиваются, все значения отображаются, но не выставляется checked (при создании, автоматически). Что я делаю не так? В данных default лежит на одном уровне с UUID, данные в нем точно есть, в первом пункте default: true, в остальных default: false. Что я упускаю или делаю не так? <div class="style-option" v-for="(style, index) in catalogues.style"> <input name="cust-style-cb" type="radio" :class="{ 'error': $v.profileForm.cust.style.$error }" v-model="profileForm.cust.style" :value="style.UUID" :checked="style.default === true" :id="'cust-style-cb-' + index"> <label :for="'cust-style-cb-' + index"> {{ style.name }} </label> </div> Вот сами данные: [ { "UUID": "8628c516", "name": "Style One", "icon": "", "default": true }, { "UUID": "d58659fa", "name": "Style Two", "icon": "", "default": false } ] Вроде ж все логично

При том что принцип тот же. Можно на нативное событие подписаться же.

Типа @change.native? Вроде, так пишется

Может тебе нужен debounce/throttling?

debounce не видит this внутри

Доброе утречко! Вопрос банальный, по чекбоксам - точнее, радио-кнопкам. Может, вы увидите то, чего не вижу я ~_~ Все пункты корректно подтягиваются, все значения отображаются, но не выставляется checked (при создании, автоматически). Что я делаю не так? В данных default лежит на одном уровне с UUID, данные в нем точно есть, в первом пункте default: true, в остальных default: false. Что я упускаю или делаю не так? <div class="style-option" v-for="(style, index) in catalogues.style"> <input name="cust-style-cb" type="radio" :class="{ 'error': $v.profileForm.cust.style.$error }" v-model="profileForm.cust.style" :value="style.UUID" :checked="style.default === true" :id="'cust-style-cb-' + index"> <label :for="'cust-style-cb-' + index"> {{ style.name }} </label> </div> Вот сами данные: [ { "UUID": "8628c516", "name": "Style One", "icon": "", "default": true }, { "UUID": "d58659fa", "name": "Style Two", "icon": "", "default": false } ] Вроде ж все логично

нашла, не работает, если v-model указан

точнее сказать, уменя в v-model идет весь объект со стилем, а в value - только одно его свойство

debounce не видит this внутри

Покажите код

всем привет

и теперь стили ломаются

ERROR: S client not available

кто-нибудь может помочь?

и теперь стили ломаются

ломаются имеешь ввиду переопределяются?

да

ну убирай ненужные или сделай important

мне нужно то, что снизу, а не то , что в атрибуте стайл

аа, все

понял

Покажите код

так че там ?) знаешь или нет?))

есть ли пример где используются лайки через цыклы

Доброе утречко! Вопрос банальный, по чекбоксам - точнее, радио-кнопкам. Может, вы увидите то, чего не вижу я ~_~ Все пункты корректно подтягиваются, все значения отображаются, но не выставляется checked (при создании, автоматически). Что я делаю не так? В данных default лежит на одном уровне с UUID, данные в нем точно есть, в первом пункте default: true, в остальных default: false. Что я упускаю или делаю не так? <div class="style-option" v-for="(style, index) in catalogues.style"> <input name="cust-style-cb" type="radio" :class="{ 'error': $v.profileForm.cust.style.$error }" v-model="profileForm.cust.style" :value="style.UUID" :checked="style.default === true" :id="'cust-style-cb-' + index"> <label :for="'cust-style-cb-' + index"> {{ style.name }} </label> </div> Вот сами данные: [ { "UUID": "8628c516", "name": "Style One", "icon": "", "default": true }, { "UUID": "d58659fa", "name": "Style Two", "icon": "", "default": false } ] Вроде ж все логично

Ты ставишь и v-model и :value и :checked в один инпут?)

есть ли пример где используются лайки через цыклы

Лайки это собаки которые ?

Лайки это собаки которые ?

likes methods:{ addLike(mus){ console.log(JSON.stringify(mus)) } } в метод получаю id и количество like хочу при нажатии что бы каждый раз ++

пока не знаю как думал через $refs но как сделать не знаю! через id ошибку выдает

Понятнее не стало

Какие то id, какой то mus в каком то методе

likes methods:{ addLike(mus){ console.log(JSON.stringify(mus)) } } в метод получаю id и количество like хочу при нажатии что бы каждый раз ++

Сделай через map

Ты если сможешь правильно сформулировать то получишь практически ответ на свой же вопрос

Прогони весь эррей

И где id совпадает там ++

Какие то id, какой то mus в каком то методе

https://dpaste.de/MXsm

помогите настроить билд, чтобы в аутпуте <link href=/js/chunk-vendors.b0fc86e1.js rel=preload as=script> в начале ссылок слэша не было

так че там ?) знаешь или нет?))

С виду всё норм, а разбираться пока нет времени( Ну как вариант: changeSearchBox: () => { const vm=this return (то, что у вас сейчас)}

С виду всё норм, а разбираться пока нет времени( Ну как вариант: changeSearchBox: () => { const vm=this return (то, что у вас сейчас)}

Ой, ну в нужном месте this на vm заменить

Ой, ну в нужном месте this на vm заменить

хорошо попробую, благодарю

Здравствуйте. Сервер на 3000 порту запущен, фронт на 8080. Как и где настроить env, чтобы axios запрос был на 3000 порт, а не на 8080 ? Использую vue-cli 3. Спасибо

Здравствуйте. Сервер на 3000 порту запущен, фронт на 8080. Как и где настроить env, чтобы axios запрос был на 3000 порт, а не на 8080 ? Использую vue-cli 3. Спасибо

а указать прямо в ссылке?

порт

указать в ссылке

сейчас попробую, и насколько это правильно ?

example.com:3000/api/get_some_data

сейчас попробую, и насколько это правильно ?

правильно, просто не красиво))