Tom
Каких патернов вы придерживаетесь в организации ваших компонентов?
Deenya
никаких
batkor
не мне внутри функции получить класс блока и изменить его дочерние блоки
Возможно у вас подход не правильный? Можете описать ситуацию подробнее?
Stanislav
"Нормально делай, нормально будет"
Tom
Понял, не тот чат
Stanislav
😄
Deenya
а че есть какие-то паттерны еще?
Stanislav
ну типа того
Rafael 🌵
Каких патернов вы придерживаетесь в организации ваших компонентов?
Приходи на митап, в закулисьях расскажу как что у нас устроено
Stanislav
шас двояко прозвучало)
Stanislav
>в закулисьях расскажу
Alex
гайс, как протестить метод в компоненте, который вызывает $emit?
во vue-test-utils есть для этого Emitted
Alex
Ребят, привет. Я меняю значение модели в ватчере, но изменения не отображаются в input, хотя v-model указано к этому значению
значит привязка некорректная, код покажите
Tom
Поделюсь своим опытом, я придерживаюсь "smart and dumb" паттерна
Rafael 🌵
Афтерпати
Stanislav
с
Сергей
+
Rafael 🌵
Авориаз это праобраз вью тест утилс
Stanislav
Ну и напомню https://ru.vuejs.org/v2/style-guide/
Alex
Ну и напомню https://ru.vuejs.org/v2/style-guide/
вообще надо рандомно пару раз в день ссылки так скидывать в чат :D
Alex
на разные доки)
Roman
значит привязка некорректная, код покажите
<b-form-input id="learning_mode_size"
size="sm"
required
class="form-control"
v-model.number="values.learning_mode.size"
type="number"></b-form-input>
Roman
'values.learning_mode.size'() {
if (this.values.learning_mode.size < 1) {
this.values.learning_mode.size = 1;
} else if (this.values.learning_mode.size > 5) {
this.values.learning_mode.size = 5;
}
console.log(this.values.learning_mode.size);
},
Roman
В переменной заничение меняется, а визуально - нет
Alex
В переменной заничение меняется, а визуально - нет
https://ru.vuejs.org/v2/guide/list.html#%D0%9F%D1%80%D0%B5%D0%B4%D0%BE%D1%81%D1%82%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BE%D0%B1-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F%D1%85-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%BE%D0%B2
Roman
Так я внутри компонента меняю
Alex
'values.learning_mode.size'() {
if (this.values.learning_mode.size < 1) {
this.values.learning_mode.size = 1;
} else if (this.values.learning_mode.size > 5) {
this.values.learning_mode.size = 5;
}
console.log(this.values.learning_mode.size);
},
ну вы посмотрите, переприсваиваете вложенные свойства
Roman
И данные внутри компонента
Roman
Так оно должно быть реактивно в любом случае. В родительском компоненте я положил переменную. В b-form-input, как написано в доке, кладу объект (какая разница, если он вложенный?) и визуально значение не меняется
Michael
Возможно у вас подход не правильный? Можете описать ситуацию подробнее?
да ...у меня есть таблица в ней 6 блоков с видами услуг
и мне надо чтоб при нажатии на определенный блок его стили менялись
я на каждый блок навесил одну и туже функцию но в параметрах она передается разное имя чекбокса (для передачи в форме)
но вот как узнать внутри функции из какого именно блока я вызвал данную функцию
Michael
Michael
вторая картинка
Deenya
Поделюсь своим опытом, я придерживаюсь "smart and dumb" паттерна
это типа компонент-контейнер, в котором находятся компоненты с бизнес-логикой?
Tom
Это контейнер компонент в котором находится логика а также "тупые" reusable компоненты представления
Tom
Почитай
Tom
https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
Deenya
хм, я наоборот стараюсь логику раскидать по виджетам, а в виджете компонент-обработчик данных и компонент для отображения
Stanislav
Золотая статья Абрамова
Deenya
и еще компонент-загрузчик данных
Deenya
Tom
Прочитай статью
Deenya
вот у меня дата-сервис в своем компоненте и логика в основном компоненте, но может быть и больше
Олександр
Ребят) привет) нужен ваш совет)
Олександр
если вам не сложно
Олександр
посоветуйте учебный проект что бы лучше понять vue.js)
Tom
Кто-то применяет AOP в vuejs приложениях? Если да, то где (кроме классических case)
batkor
да ...у меня есть таблица в ней 6 блоков с видами услуг
и мне надо чтоб при нажатии на определенный блок его стили менялись
я на каждый блок навесил одну и туже функцию но в параметрах она передается разное имя чекбокса (для передачи в форме)
но вот как узнать внутри функции из какого именно блока я вызвал данную функцию
Динамические классы к блокам, и параметры к функции, думаю можно реализовать, буду к компа, отпишусь подробнее
Олександр
спасибо)
Rafael 🌵
Tom
https://ru.wikipedia.org/wiki/%D0%90%D1%81%D0%BF%D0%B5%D0%BA%D1%82%D0%BD%D0%BE-%D0%BE%D1%80%D0%B8%D0%B5%D0%BD%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5
Tom
Методология в которой "сквозная" логика выделяетса в модули (логирование, мемоизация, обработка ошибок)
Tom
Повышается readability и DRY
Tom
В сквозную логику можно выделить повторяющиеся действия обработки ошибок, или например обворачивание логики в промисс
Zurab
Tom
Тобишь наша бизнес логика загрязняется "сквозным" кодом, AOP решает
Deenya
а readability от всего этого точно повышается?
Tom
Можешь мне поверить
Tom
Бизнес логика может занимать 2 строки, а сквозной код 20
Tom
на egghead были уроки по применению AOP во vuejs приложениях кому интересно
Michael
на egghead были уроки по применению AOP во vuejs приложениях кому интересно
gimme link: wanna moar examples.
Zurab
линку дай ему)
Tom
Доку почитай
Tom
https://github.com/k1r0s/kaop-ts
Roman
Бизнес логика может занимать 2 строки, а сквозной код 20
боюсь ошибиться, но разве это не обычное дублирование кода, которое (как вариант) решается вынесением в отдельную сущность?
Tom
Обед закончился, продолжим завтра
Tom
https://egghead.io/lessons/vue-js-use-aop-in-vue-components-with-typescript-and-kaop-ts