чуваки, а кто что использует для локализации? вижу два плагина, один 2500 звезд, другой 400.. но тот что 2500 с кривым каким-то английским в доке, и че то прям бесит) https://github.com/kazupon/vue-i18n https://github.com/dkfbasel/vuex-i18n или самому пилить…

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

чуваки, а кто что использует для локализации? вижу два плагина, один 2500 звезд, другой 400.. но тот что 2500 с кривым каким-то английским в доке, и че то прям бесит) https://github.com/kazupon/vue-i18n https://github.com/dkfbasel/vuex-i18n или самому пилить…

ангельский не везде оф язык и не всеми выучен идеально для написания полноценной документации (уровень чтения с небольшим), сам на проекте сейчас vue-i18n использую

но на самом деле если хочется велосипедов то написать простой плагин для работы с дикшнари файлом JSON или JS не так уж сложно

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

а я на vuex-е собственно и делал, просто без понтов) вот думаю, щас, для нового проекта, брать плагин или свое)

vuex посмотрю, но если он сильно завязан на сторе то наверно ситуативно и вкусовщина...

hasPrev на скрине не вижу, например

суть не в нём, если его убрать, то он на другой метод жалуется (hasPrev: function() { return this.current > 1; })

ребят, насколько плохо ставить setInterval с проверкой на каждую секунду?

Смотря что проверять

скролл

есть 5 блоков, которые появляются в зависимости от промежутков

и у меня анимаци футболится по выполнению предыдущей

Есть же эвент для скролла отдельный, не подходит?

Есть же эвент для скролла отдельный, не подходит?

подходит, только в глобал нужно условие скроллтопа ставить, чтобы последующие анимации убивались

оно же идет анимация(123, ()=>{анимация(123, ()=>{ анимация(123, ()=>{....

парни, весь интернет перерыл. не могу понять. как добраться до vuex state не из компонента? mapState, mapGetters, mapActions - понимаю как их использовать

парни, весь интернет перерыл. не могу понять. как добраться до vuex state не из компонента? mapState, mapGetters, mapActions - понимаю как их использовать

передай как аргумент функции

Или импортни

господа, а кто что использует для ajax? axios норм или для Vue что-то есть более рекомендованное так сказать?

меня axios подбесил сходу - тем что в post ему видите-ли обязательно надо параметры в виде param1=value1&param2=value2 вот не судьба было прикрутить чтобы объект кушал сразу. можно конечно поставить микролибу какую-нибудь но как-то бесить не перестанет такое дело

а ведь для Vue рекомендуется официально типа underscore использовать (а в нём ведь есть ajax методы), как лучше - брать underscore ?

меня axios подбесил сходу - тем что в post ему видите-ли обязательно надо параметры в виде param1=value1&param2=value2 вот не судьба было прикрутить чтобы объект кушал сразу. можно конечно поставить микролибу какую-нибудь но как-то бесить не перестанет такое дело

Это не так, объект вполне ест

меня axios подбесил сходу - тем что в post ему видите-ли обязательно надо параметры в виде param1=value1&param2=value2 вот не судьба было прикрутить чтобы объект кушал сразу. можно конечно поставить микролибу какую-нибудь но как-то бесить не перестанет такое дело

Кушает же обькт

а как? вот так не хочет: this.$http.post('/contact-us', { userName: this.userName, userPhone: this.userPhone, comment: this.comment, })

В data обернуть

(через this.$http это я сразу vue-axios поставил)

Vue axios не нужон

И это не axios

И это не axios

Это обертка на аксиосом

Прототипом перебил просто

ни в какую не хочет import axios from 'axios axios.post('/contact-us', { data: { userName: this.userName, userPhone: this.userPhone, comment: this.comment, } })

ни в какую не хочет import axios from 'axios axios.post('/contact-us', { data: { userName: this.userName, userPhone: this.userPhone, comment: this.comment, } })

Хех

Обьяви параметры юзер гейм и фоун в отдельном объекте в дате и передавай этот объект

я импортирую константы в vue файл, и сразу их забрасываю во вью: beforeCreate() { this.$constants = constants; }, В data начинаю их использовать: data: () => ({ foo: this.$constants.foo }) vue непременно падает потому что по его мнению this.$constants === undefined. WTF ?

Типо this.user.userName

Подскажите, пожалуйста, я в двух компонентах использую одну и туже функцию. Ее вынес в главный компонент. Как теперь использовать эту функцию в компонентах?

ааа, блин data имеется ввиду Вьюшного компонента data

во туплю сорри((

ни в какую не хочет import axios from 'axios axios.post('/contact-us', { data: { userName: this.userName, userPhone: this.userPhone, comment: this.comment, } })

опс, я ошибся https://github.com/axios/axios офф дока, и пример axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });

я импортирую константы в vue файл, и сразу их забрасываю во вью: beforeCreate() { this.$constants = constants; }, В data начинаю их использовать: data: () => ({ foo: this.$constants.foo }) vue непременно падает потому что по его мнению this.$constants === undefined. WTF ?

при этом если я пишу вот так data: () => ({ foo: this.$constants && this.$constants.foo }) то все работает

получается beforeCreate нефига не beforeCreate ?

Еще есть такой пример: axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' } });

ааа всё, это я балбес( всё передаётся оказывается, в консоли видно, просто он их кодирует в json и надо выдергивать немного по-другому

Парни подскажите Есть родитель, у родителя есть компонент (ребенок) - поле со своей логикой. У ребенка есть метод clear. После того как родитель отправляет инфу на сервер и получает ответ ок, нужно очистить ребенка, вызвав в нем его метод clear - как правильно это сделать?

Парни подскажите Есть родитель, у родителя есть компонент (ребенок) - поле со своей логикой. У ребенка есть метод clear. После того как родитель отправляет инфу на сервер и получает ответ ок, нужно очистить ребенка, вызвав в нем его метод clear - как правильно это сделать?

Через ref можно

Парни подскажите Есть родитель, у родителя есть компонент (ребенок) - поле со своей логикой. У ребенка есть метод clear. После того как родитель отправляет инфу на сервер и получает ответ ок, нужно очистить ребенка, вызвав в нем его метод clear - как правильно это сделать?

У вас vuex используется?

У вас vuex используется?

в этом компоненте нет, не было нужды

Парни подскажите Есть родитель, у родителя есть компонент (ребенок) - поле со своей логикой. У ребенка есть метод clear. После того как родитель отправляет инфу на сервер и получает ответ ок, нужно очистить ребенка, вызвав в нем его метод clear - как правильно это сделать?

надо данные хранить в родителе, ребенку через пропс передавать, родитель очищает когда надо

в этом компоненте нет, не было нужды

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

Понял, спасибо, это типа бест практис и за такое мне по рукам не дадут?

да, это по стайлгайду

руку пожмут

вниз данные вверх события

вниз данные вверх события

?? спасибо

https://jsfiddle.net/SmArtem/q9zt2fx7/ Почему текст пропадает только если после букв снова поставить цифру?

Подскажите, пожалуйста, я в двух компонентах использую одну и туже функцию. Ее вынес в главный компонент. Как теперь использовать эту функцию в компонентах?

export import

Передать там где подключаешь компоненты, а в детях принять в props

а еще правильнее через mixins

ERROR: S client not available

тип создать файлик UserMixins.js и там писать общие функции, да?

смотря какая цель

если тебе нужен файл типа хелпера функций то просто пишешь functions.js и там export function r123(){) export function r456(){)

но если у тебя больше к ООП и наследованияю, тогда mixins

спасибо

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

может компонента не рендериться просто. проверяй по Vue девтулам. А вообще мало инфы даешь чтобы ответить на вопрос

блин. спать пора. у меня был второй created и его переопределял

спасибо)

мало created не бывает :)

пора не спать, а ставить eslint ?

пора не спать, а ставить eslint ?

он не ругается же

он не ругается же

https://i.imgur.com/wPvKYUS.png м?

(

1272 строки это больший повод для грустного смайла чем неработающий еслинт имхо)

1272 строки это больший повод для грустного смайла чем неработающий еслинт имхо)

екомерс

может он сделал lorem100-50 или как-то так

Лэндинг пейдж одним файлом

пора не спать, а ставить eslint ?

я его отключил)

Лэндинг пейдж одним файлом

SPA - Single Page Application. Приложение в одной страничке. Все правильно ж.

Есть какой-то best practice, который ограничивает максимальное количество строк JS+HTML секции компонента?

Есть какой-то best practice, который ограничивает максимальное количество строк JS+HTML секции компонента?

Количество логики

Количество логики

Single Responsibility Principle?

Single Responsibility Principle?

Он хорошо ложиться на компонннты

А строчек , ну мало ли там наговнокодил циклов

Создаю Single File Component внутри Single Page Application по Single Responsibility Principle. Спасибо :)

Какие модалки вы для vue используете?

Какие модалки вы для vue используете?

sweetaler/самописный/вынужденно из либы

+1

fancybox бы сделали, я ничего путного не нашел.