
DimenSi
20.09.2017
07:24:24
А почему ему ватч предложили, а не комьютед?

Rafael
20.09.2017
07:26:20

DimenSi
20.09.2017
07:26:40
Ну чуваку, который не хочет доку читать
привет! кто подскажет как выполнять функцию при изменении значения определенной переменной?

Google

Alex
20.09.2017
07:32:51

DimenSi
20.09.2017
07:33:57
Ну я возможно его кейс не понял, но у него не сказано ничего за это.

Антон
20.09.2017
07:35:17
Есть 2 файла (темплейки .vue) , как из 1 передать элемент из data в другой ?

DimenSi
20.09.2017
07:36:24
Дата должна быть одинаковой?
Или общение между компонентами которые не вложены друг в друга?

Вишневый чай
20.09.2017
07:36:51
@channel тут когда то сбрасивали либу с помощью которой компоненты vue выглядят как нативные классы js

Антон
20.09.2017
07:36:57
общение

DimenSi
20.09.2017
07:37:20

Вишневый чай
20.09.2017
07:38:23

DimenSi
20.09.2017
07:38:55
Есть штука которая предлагает набор декораторов.
vue-property-decorator/README.md at master · kaorun343/vue-property-decorator
https://github.com/kaorun343/vue-property-decorator/blob/master/README.md
общение
Для шины гугли vue bus. Так же в доке есть где то примеры с ней.

Google

DimenSi
20.09.2017
07:41:51
https://ru.vuejs.org/v2/guide/components.html#Коммуникация-между-компонентами-не-связанными-иерархически

Kelin
20.09.2017
07:44:01
Опять шины ?

DimenSi
20.09.2017
07:44:36
Я кроме шины и vuex ничего не знаю.

Kelin
20.09.2017
07:45:00
Не нравится этот паттерн

Вишневый чай
20.09.2017
07:45:34

DimenSi
20.09.2017
07:45:45

Вишневый чай
20.09.2017
07:46:19
???
ну базовая модель общения компонентов

DimenSi
20.09.2017
07:46:34
Ну тогда легче на реакт перейти.

Kelin
20.09.2017
07:46:47
Чем бусы юзать, да

Вишневый чай
20.09.2017
07:47:08

DimenSi
20.09.2017
07:47:18
Можно просто из рутового компонента сделать створ же.
да не, отлично работает
Если компоненты не связаны иерархически и на разных уровнях, то не очень то классно в разработке.

Вишневый чай
20.09.2017
07:49:16
а то что ты сейчас напихаешь в глобальную шину потом будешь плакать разруливая 100 евентов сыплющихся в одно место

DimenSi
20.09.2017
07:49:55

Rafael
20.09.2017
07:50:16
шина - зло
я бы вообще эту секцию в продвиную часть перенес
но и это тоже зло

Google

Rafael
20.09.2017
07:51:39
потому что тогда новичкам придется vuex учить в случае если компоненты не родственных отношениях

Вишневый чай
20.09.2017
07:51:42
@Fl0pZz вообще за то чтобы это была недокументированя фича, да?)

DimenSi
20.09.2017
07:51:55
Да вы надоели, я даже ваши шины не разу не юзал. Выбора то не особо много.

Rafael
20.09.2017
07:51:59

DimenSi
20.09.2017
07:55:38
Еще можно эту ссылку почитать.
https://ru.vuejs.org/v2/guide/state-management.html#Простой-контейнер-состояния-с-нуля

Rafael
20.09.2017
07:56:02
шину в ПРО секцию надо перенести

DimenSi
20.09.2017
07:56:38
А это в начало?)

Rafael
20.09.2017
07:57:04

Светочка
20.09.2017
08:04:44
☣️ВНИМАНИЕ ЕСТЬ РАБОЧЕЕ ПРЕДЛОЖЕНИЕ☣️
☣️? РАБОТА В БЛИЖНЕМ ЗАРУБЕЖЬЕ ?☣️
- ВОДИТЕЛЯ ( ? 500 у.е. рейс - месяц ? 4000 у.е. )
- РАБОТНИК СКЛАДА ( от ? 600 у.е до ? 850 у.е неделя )
ОФОРМЛЕНИЕ НА РАБОТУ В ГОРОДЕ КИЕВЕ.
ДОХОД ? НЕ ФИКСИРОВАН , ЗАВИСИТ ТОЛЬКО ОТ ??
ВЫРАБОТКИ , ПРОВОДИТСЯ СТАЖИРОВКА И ОБУЧЕНИЕ ЗА НАШ
СЧЕТ.
ЖИТЕЛЕЙ ДРУГИХ ГОРОДОВ И СТРАН ПРЕДЛАГАЕМ РАБОТУ И
ПРОЖИВАНИЕ.
БЕЗ ВЛОЖЕНИЙ!
ТРЕБОВАНИЯ К РАБОТНИКУ:
- ПОЛНЫХ 18 ЛЕТ. ?
- АДЕКВАТНОСТЬ. ⚠️✅
- ПРАВА МИНИМУМ КАТЕГОРИИ "В" ?.
- УМЕНИЕ ПОЛЬЗОВАТЬСЯ СМАРТФОНОМ (НЕ КАТЕГОРИЧНО).
?
- ЦЕЛЕУСТРЕМЛЕННОСТЬ ↗️.
ОФОРМЛЕНИЕ НА РАБОТУ
- ПО ДОКУМЕНТАМ ? + АНКЕТКА?.
ПИСАТЬ МЕНЕДЖЕРУ В ЛИЧКУ - ☎️ https://t.me/WH1000 ⚖️

Kelin
20.09.2017
08:08:44
Ну ебать вы хоть совесть имейте

Kelin
20.09.2017
08:08:50
Такие простыни постить

Maksim
20.09.2017
08:08:54
Лол
А собеседование в 3 этапа будет?

Igor
20.09.2017
08:10:33
Спарва тестовое задание угнать в МСК ламборджине и пересечь границу в украину

Alex
20.09.2017
08:10:38

mstrVLT
20.09.2017
08:11:13
... Прям маслом писанная вакансия
Все в ней прекрасно

Google

Maksim
20.09.2017
08:12:06
Для полноты картины

Kelin
20.09.2017
08:12:49

mstrVLT
20.09.2017
08:12:59
В афимоле fарш открыли!

Kseniya
20.09.2017
08:13:13

Kelin
20.09.2017
08:13:34

Kseniya
20.09.2017
08:13:55

Kelin
20.09.2017
08:14:41
У меня в метро долго отправлялось

Admin
ERROR: S client not available

Kelin
20.09.2017
08:14:44
Не надо тут

Kseniya
20.09.2017
08:14:58

Kelin
20.09.2017
08:15:11
Как скажешь

Roman
20.09.2017
08:15:19

Maksim
20.09.2017
08:15:43

Roman
20.09.2017
08:15:55

Kseniya
20.09.2017
08:16:07
?

Roman
20.09.2017
08:17:41
Мне страшно нажимать на эту ссылку

Георгий
20.09.2017
08:17:52
Всем привет, вот сейчас пытаюсь правильно все настроить для работы PostCss. Поставил вот эту сборку https://github.com/vuejs-templates/webpack-simple. Поставил npm пакеты posctCss и PostCssNext стал использовать, автропефиксер работает, фишка с системным шрифты работают, но вот Nesting не работает... Что делать?
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
},
postcss: [require('postcss-cssnext')()]
}
},

Kelin
20.09.2017
08:19:39

Google

Виталий
20.09.2017
08:20:00
мужики подскажите, что неправильно делаю? у меня что-то асинки не работают. последовательно не выполняются api запросы.
export default {
name: "verify-layout",
created: async function() {
this.routes = window.routes;
await this.getContactInfo();
await this.getDictionaries();
},
data: function() {
return {
campaign: {},
countries: {}
}
},
methods: {
getContactInfo: function() {
let $this = this;
api.post("/api/some/url", {
contact_id: app.contact_id
}).then(function({data: response, request}) {
$this.campaign = response.campaign;
return response;
}, function({data: response, request, config, headers, status}) {
return response;
});
},
getDictionaries: function() {
api.get("/api/another/url").then(function({data: response, request, config}) {
$this.countries = response.countries;
return response;
}, function({data: response, request, config, headers, status, statusText}) {
return response;
});
}
}
}


Тимур
20.09.2017
08:22:41
ребят привет)) в vuex как с геттера диспачит экшон? чот не получается
и можно как то внутри модуля vuex, кроме dispatch('action') вызывать чтото типа this.actions.action() ? ато как то не очень эстетичный код получается)

Rafael
20.09.2017
08:36:31
у тебя геттер исполняется в основном потоке, а действие - в асинхронном
не ломай то, что работает

Тимур
20.09.2017
08:38:26
Окэ) пасибо


Rafael
20.09.2017
08:39:26
мужики подскажите, что неправильно делаю? у меня что-то асинки не работают. последовательно не выполняются api запросы.
export default {
name: "verify-layout",
created: async function() {
this.routes = window.routes;
await this.getContactInfo();
await this.getDictionaries();
},
data: function() {
return {
campaign: {},
countries: {}
}
},
methods: {
getContactInfo: function() {
let $this = this;
api.post("/api/some/url", {
contact_id: app.contact_id
}).then(function({data: response, request}) {
$this.campaign = response.campaign;
return response;
}, function({data: response, request, config, headers, status}) {
return response;
});
},
getDictionaries: function() {
api.get("/api/another/url").then(function({data: response, request, config}) {
$this.countries = response.countries;
return response;
}, function({data: response, request, config, headers, status, statusText}) {
return response;
});
}
}
}
у тебя методы не асинхронные
поэтому все и ломается
а теперь вопрос к профи: вы как-то делали всякие адаптеры под запросы?


DimenSi
20.09.2017
08:45:43
Это как?

Rafael
20.09.2017
08:46:44
абстрагировать компоненту от запросов, т.е она вызывает "адаптер", который резолвит все запросы и преобразует все данные так, чтобы компонента могла применить их к себе

DimenSi
20.09.2017
08:47:54
Хм, похоже на то когда я все вызовы делал через экшены стора, даже если запрос на стор не влиял.

Rafael
20.09.2017
08:48:20

DimenSi
20.09.2017
08:48:28
Ну я тоже.

Rafael
20.09.2017
08:48:31
думаю сделать слой адаптеров
но пока еще не придумал нормального интерфеса

Виталий
20.09.2017
08:48:55
у тебя методы не асинхронные
так тоже не заводится(
methods: {
getContactInfo: async function() {
let $this = this;
return await api.post("/api/some/url", {
contact_id: app.contact_id
}).then(function({data: response, request}) {
$this.campaign = response.campaign;
return response;
}, function({data: response, request, config, headers, status}) {
return response;
});
},
getDictionaries: async function() {
return await api.get("/api/another/url").then(function({data: response, request, config}) {
$this.countries = response.countries;
return response;
}, function({data: response, request, config, headers, status, statusText}) {
return response;
});
}
}