а да

помню фичу

по слоям можно было отследить

=)

во кайф был прям для оптимизации

Тогда сайты выглядели конечно ужасно, но ламповость была эдакая.

Скажите если есть 2 вью, можно ли как то с одного, обратиться к методам с другого ?

Скажите если есть 2 вью, можно ли как то с одного, обратиться к методам с другого ?

Уточни. 2 инстанса раздельных чтоль?

Уточни. 2 инстанса раздельных чтоль?

export default { name: 'CategoryEdit', export default { name: 'InterestEdit',

в разных файлах

Два компонента ты хотел сказать.

lf

Несвязанные?

пока еще не привычно, что там компонент что вью чето

а связанны как должны быть? думаю нет

а связанны как должны быть? думаю нет

Ну не вложены всмысле

нет

нет

https://alligator.io/vuejs/global-event-bus/

канал для вакансий есть?

https://alligator.io/vuejs/global-event-bus/

спасибо, почитаю

канал для вакансий есть?

в инфо о групе

спасибо, почитаю

Вообще, желательно избегать связности компонетов.

Даже таким способом.

Вообще, желательно избегать связности компонетов.

ну вот получается, есть метод удаления

в него входит попап подтверждающий, отправка ajax, и проверка можно ли удалить

есть страница категории и категория ит ам и там можно удалить

но это 2 компонента разных

как мне тогда лучше делать

в него входит попап подтверждающий, отправка ajax, и проверка можно ли удалить

Попап в компонент, весь ajax вынести в модуль.

модуль == компонент?

модуль == компонент?

Методы работы с API выносишь отдельно куда-то, ну допустим в api.js, экспортируешь их и потом внутри компонентов: import { someApiMethod } from 'api'; ... somApiMethod(...)

API ничего не должен знать о Vue, компонентах и т.д.

т.е.

if (this.$route.params.catid) { this.$root.ajax.put('interests/categories/' + this.catid, data) .then((response) => { this.$router.push('/dictionaries/categories'); }).catch(function (error) { alert(error); }); }

такие штуки в методах компонентов не должны быть?

такие штуки в методах компонентов не должны быть?

Их туда можно затолкать, но это не значит, что так делать следует)

this.$root.ajax....

Нахрена?

if (this.$route.params.catid) { this.$root.ajax.put('interests/categories/' + this.catid, data) .then((response) => { this.$router.push('/dictionaries/categories'); }).catch(function (error) { alert(error); }); }

нет

this.$root.ajax....

а не знаю, почему-то если пихать прямо в new Vue он не работает

не стал разбираться, нет времени

Зачем это вообще пихать во вью?

омг. Давайте всё свалим в кучу и будем радоваться.

Зачем это вообще пихать во вью?

в мануалах я так видел

как там так и делаю

Эти мануалы пишут дибилы.

Мозг то свой надо иметь.

подскажи тогда более годный вариант

Храни сбоку.

Внезапно.

Эти мануалы пишут дибилы.

ну нет. просто мануалы делают короткими и там зачастую максимум 1 запрос аксиосом. поэтому они не считают нужным вынести этот 1 запрос в отд. модуль.

ну нет. просто мануалы делают короткими и там зачастую максимум 1 запрос аксиосом. поэтому они не считают нужным вынести этот 1 запрос в отд. модуль.

Да похер на вынос в модуль. Опиши рядом функцию.

Храни сбоку.

в смысле сбоку

Или просто сделай фетч. Ну нахрена??

А потом будем жаловаться на неочевидность и связность приложения.

Ребят, привет всем, кто-нибудь подскажет, использую Webpack, после билда Vue спашки на выходе получается в папке dist файлик index.html и статика, но вот только локально этот Index.html не загружается, он должен загружаться с сервера, как нибудь можно сделать так чтобы он работал локально?

Или просто сделай фетч. Ну нахрена??

тут вопрос зачем он подключил джквери ради аякса

?

я не подключал jquery

тут вопрос зачем он подключил джквери ради аякса

потому что в параллельной вселенной 94кб < 18кб

такие штуки в методах компонентов не должны быть?

import { apiMethod } from '@/api'; // component props id: { type: Number, required: true } // component methods async handleAction() { const field = this.reactiveField; const result = await apiMethod({ field }); // don't forget to handle exceptions // process results } Думаю уловишь логику

я не подключал jquery

тогда че тебя клюют

это ж axios

не совсем

import { apiMethod } from '@/api'; // component props id: { type: Number, required: true } // component methods async handleAction() { const field = this.reactiveField; const result = await apiMethod({ field }); // don't forget to handle exceptions // process results } Думаю уловишь логику

есть ли примеры ?

ERROR: S client not available

тогда че тебя клюют

Потому что сваливает всё в одну кучу. Насрать что он использует. Вопрос в том как он это использует.

есть ли примеры ?

Пример выше. Старайся изолировать вещи, которые тебе не надо связывать. Твоему аяксу в руте нет никакого смысла быть.

Я бы еще рекомендовал пробрасывать props в роуте

Компонент не должен зависить от роутера.

Пример выше. Старайся изолировать вещи, которые тебе не надо связывать. Твоему аяксу в руте нет никакого смысла быть.

да ну так, мне как для дебила нужно

да ну так, мне как для дебила нужно

https://github.com/xrei/vue-ssr/blob/master/template/src/store/actions.js#L6

Компонент не должен зависить от роутера.

Спорно

Спорно

Если прямой связи можно избежать, то лучше так и сделать.

Спорно

В чём спорно? Сейчас бы компоненты с сайд-эффектами делать..

Пусть работа компонента зависит от того как морж на берегу хрюкнет.

В чём спорно? Сейчас бы компоненты с сайд-эффектами делать..

Сейчас бы гнать на сайд эффекты в view слое)

Пусть работа компонента зависит от того как морж на берегу хрюкнет.

Кукан

Смотри, есть у тебя компонент-форма редактирования товарной позиции (назовем к примеру ProductEditFormView), ей нужно знать id товара и она должна уметь родителю сказать, что действие выполнено (успешно или нет).

Сейчас бы гнать на сайд эффекты в view слое)

Ну, как-то живу без сайд-эффектов.

Ну, как-то живу без сайд-эффектов.

Ты когда делаешь что-либо с dom — уже сайд эффект

Смотри, есть у тебя компонент-форма редактирования товарной позиции (назовем к примеру ProductEditFormView), ей нужно знать id товара и она должна уметь родителю сказать, что действие выполнено (успешно или нет).

Прекрасно. Есть протокол, который принимает функция. Это не сайд-эффект.

Не верю если у тебя большое приложение и ниразу не нуждался в таком)

Ты когда делаешь что-либо с dom — уже сайд эффект

Если ты делаешь что-то с процессором, то это сайд-эффект. Тепло выделяется.

Прекрасно. Есть протокол, который принимает функция. Это не сайд-эффект.

Так я наоборот за то, чтобы не делать связные с маршрутами компоненты)

Не верю если у тебя большое приложение и ниразу не нуждался в таком)

Нужно понимать в какой модели ты работаешь.

Зачем в форме этой вообще знать о роутере)

Сейчас бы гнать на сайд эффекты в view слое)

Понятно, что мир не идеален и некоторые вещи по другому не сделать, но надо отдавать себе отчет и чувствовать эту тонкую грань.

Понятно, что мир не идеален и некоторые вещи по другому не сделать, но надо отдавать себе отчет и чувствовать эту тонкую грань.

чел а че с с9 случилось

или это не ты там регал

чел а че с с9 случилось

С чем?

c9.io

Не, это не я.

ну лан

Кстати, а действительно, что случилось.

хз у меня акк был