ну мне 3-ех дней хватило на перенос, проект средней сложности

Спасибо, надо будет попробывать )

Господа, нашел замечательный кроп и аплоуд для изображений https://github.com/dai-siki/vue-image-crop-upload

здраствуйте !

Вопрос, кто нибудь пользовался им? Вопрос появился по либе, и решил поискать юзеров этой либы

вопросик, а как использовать computed в методах. допустим у меня есть: computed: { lorem() { return 'lorem';} }, methods: { lor() { return this.lorem; } }

здраствуйте !

здоров

вопросик, а как использовать computed в методах. допустим у меня есть: computed: { lorem() { return 'lorem';} }, methods: { lor() { return this.lorem; } }

this.computed_param_name

вопросик, а как использовать computed в методах. допустим у меня есть: computed: { lorem() { return 'lorem';} }, methods: { lor() { return this.lorem; } }

сделал так, не работает

уже 30 минут бьюсь, нет толка

вопросик, а как использовать computed в методах. допустим у меня есть: computed: { lorem() { return 'lorem';} }, methods: { lor() { return this.lorem; } }

это валидный код, проблема в чем-то другом

это валидный код, проблема в чем-то другом

да, Вы были правы. Спасибо огромное, и Вам тоже @Titanishu

Ребят, как вы ключи api подключаете и храните в приложении?

Ребят, как вы ключи api подключаете и храните в приложении?

dotenv

Env

Окей

А пример кода?

Не енв

Окей

У тебя структура vue-cli?

Да вообще никакой структуры, я просто задался этим вопросом и был бы рад ссылки на доку

Или пинку в направлении куда гуглить

Теперь вижу что нужно vue-cli

Да вообще никакой структуры, я просто задался этим вопросом и был бы рад ссылки на доку

https://github.com/mrsteele/dotenv-webpack В конфиге вебпака заюзай плагин

господа, а чтобы вотчить вложенный объект - нужно проделывать финт с геттером?

foo: {bar: 1, baz: 2} хочу вотчить только baz

пробовал с указанием строкой типа 'foo.baz' - вотчится весь объект, видимо

deep: true установлен

deep: true установлен

Если это prop, то лучше вынести из объекта.

нет, не проп, дата-свойство

нет, не проп, дата-свойство

http://jsfiddle.net/oa07r5fw/

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

Кто то юзал vuex-cache плагин?

Кто то юзал vuex-cache плагин?

Лучше сам создай для api сущность отдельную, пусть эта логика там будет

Стору ни к чему заниматься таким

https://github.com/mrsteele/dotenv-webpack В конфиге вебпака заюзай плагин

Ty

Подскажите плз как сделать так, чтобы vue cli gui слушал по адресу, отличному от 127.0.0.1? Например, 0.0.0.0? Развернул giu на дев-сервере, там никакого браузера, понятное дело, нет

Всем привет. Подключил Axios, сделал запрос данных. Но vue их отображает только когда я я записываю стрелочную функцию then(response => (this.results = response)). Хотя в доках обычная. Почему?

контекст теряется

где в доках обычная, покажи?

либо там обычная, но нет обращения к this

Всем привет. Подключил Axios, сделал запрос данных. Но vue их отображает только когда я я записываю стрелочную функцию then(response => (this.results = response)). Хотя в доках обычная. Почему?

если юзаешь обычную то надо делать .bind(this)

что бы нормально обращаться к this.results

или перед этим сделай var self = this, потом обращайся к self

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

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

<aggregation-step v-if="currentStep === 'draft.aggregation' " /> <analysis-step v-if="currentStep === 'draft.analysis' " /> .... хуже, чем <component :is="currentStep" /> ?

в каких случаях юзать тег <component>

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

Ручками, через рефы отслеживать положение и проставлять scrolltop

Ручками, через рефы отслеживать положение и проставлять scrolltop

А блин, забыл добавить ещё, что это должно быть плавно, т.е. карточка появляется анимацией slideDown, т.е. из 0 высоты до нужной. Выходит, что положение scrollTop нужно будет тоже как-то анимировать плавно, но при этом чтобы это выглядело как будто карточка стоит на месте

с чем проще работать и что проще освоить - плагин vue SSR или NUXT ?

NUXT

хотя плагин я не пробовал)

А блин, забыл добавить ещё, что это должно быть плавно, т.е. карточка появляется анимацией slideDown, т.е. из 0 высоты до нужной. Выходит, что положение scrollTop нужно будет тоже как-то анимировать плавно, но при этом чтобы это выглядело как будто карточка стоит на месте

Ну так изменять скроллтоп по такой же кривой

но у накста есть и другие крутые фишки

Nuxt освоить легко. Помимо ssr там и структура папочек, и роутер, и vuex подключенный, и методы у страниц нужные вроде asyncData, fetch. Плюс либы можно подключать в конфиге в режиме ssr или нет. В общем, если все это не хочется настраивать руками, то лучше его, кмк.

Такое production-ready решение для vue.

Nuxt освоить легко. Помимо ssr там и структура папочек, и роутер, и vuex подключенный, и методы у страниц нужные вроде asyncData, fetch. Плюс либы можно подключать в конфиге в режиме ssr или нет. В общем, если все это не хочется настраивать руками, то лучше его, кмк.

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

ERROR: S client not available

А блин, забыл добавить ещё, что это должно быть плавно, т.е. карточка появляется анимацией slideDown, т.е. из 0 высоты до нужной. Выходит, что положение scrollTop нужно будет тоже как-то анимировать плавно, но при этом чтобы это выглядело как будто карточка стоит на месте

Берём начальное значение scrolltop, и при появлении элемента выше по списку, такой же временной функцией как у анимации карточки добавляем scrolltop. По идее должна создаться иллюзия того что текущее местоположение стоит на месте

По идее да, но надо как-то узнать финальное положение этой карточки

Ребят нормально ли из мутации вызывать экшн?

Ребят нормально ли из мутации вызывать экшн?

Не нормально и не должно быть возможно)

Ребят нормально ли из мутации вызывать экшн?

Попробуй

Если получиться то вызывай

просто нужно при переходе в сообщение, убрать отметку "не прочитано" сразу, а не тогда когда отработает экшн, так как возможно это будет занимать пару секунд, а мне нужно моментальное снятие флага, а потом уже отправка в базу

Это сеттер

Он не вызывает методы

Ребята подскажи плз в каких случаях нужно юзать <component :is=""/> и в чем отличие от обычных компонентов у которых стоит v-if

если мне например нужно сделать переключалку с 2 компонентами

Всем привет! Как использовать BASE_URL в шаблонах pug? Просто если я создаю переменную в .env - все работатет, а вот из файла vue.config.js не тащит - undefined. В хуках vue все работает, через process.env.BASE_URL - мне выдает корректно, но вот при использовании в pug - undefined

создаёшь config.js, импортируешь import { BASE_URL } from "config" а в config.js: export default const BASE_URL = "http://";

Ребята подскажи плз в каких случаях нужно юзать <component :is=""/> и в чем отличие от обычных компонентов у которых стоит v-if

К примеру, у меня есть таблица с бэка, где на каждую строчку таблицы по клику - нужно отрисовать один из множества компонентов. Их сейчас около 50ти вариантов. С v-if в разметке будет огромная нечитаемая портянка. А тут небольшая функция с алиасами. Если хватает v-if v-else, то лучше использовать их

Ребята подскажи плз в каких случаях нужно юзать <component :is=""/> и в чем отличие от обычных компонентов у которых стоит v-if

в случае с :is при переключении между компонентами он создаётся заново со всеми вытекающими .. если там какието одинаковые данные или запросы к апи ... всё будет дёргатся каждый раз

в случае с :is при переключении между компонентами он создаётся заново со всеми вытекающими .. если там какието одинаковые данные или запросы к апи ... всё будет дёргатся каждый раз

С v-if тоже заново

если не завернуть в keep-alive

если не завернуть в keep-alive

пасиб .. пропустил этот кусок

Кто знает как длинный рутер порезать на кусочки по модулям?

Кто знает как длинный рутер порезать на кусочки по модулям?

Вынеси в разные файлы и потом импортируй их

Вынеси в разные файлы и потом импортируй их

можно пример? те что смотрел теряют именованные маршруты

можно пример? те что смотрел теряют именованные маршруты

Роуты - это ж просто массивы. Определяй их где угодно, потом подпихивай в new VueRouter .

Ну или динамически наполняй через router.addRoutes(...)

Всем привет. Я недавно начал учить vue. Появился вопрос. Хочу подкчить библиотеку three.js Ну и к ней еще 3 доп либы. Как правильно их подключать? просто импортировать в точке входа? И где писать скрипт по настройке three?

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

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

понял. а саму настройку куда прописать?

Ребят, есть вопрос, приложение rest api laravel + vue, предполагается большое кол-во данных в базе, регулярные запросы типа селект, насколько необходимо юзать vue Store?