Приветствую. Такой вопрос. В компонентах раньше на для добавления новых

Question

Приветствую. Такой вопрос. В компонентах раньше на для добавления новых

модификаций писал новые props Например для кнопки это был king=red , blue white. Для дизейбла тоже отдельный пропс. То теперь для модификаций я просто пишу классы для корневого элемента или если надо пишу v:bind =$attrs и все неявно описываю в css. И все отлично работает. Получается <ui-button class="red" :disabled="true" @click=someAction и все работает. И учитывая реактивность vue3 задумался а зачем вообще props, если есть context.attrs или если от свойства меняется только цвет/размер то почему бы не завязаться на классе. Зачем для этого использовать props ?

#frontend #javascript #programming #russian #vue.js

0

19.12.2021

5 ответов

18 просмотров

Grigorii K. Shartsev

Artyom Tuchkov
во-первых, attrs не реактивные, поэтому ты не може...

Может я не в контексте обсуждения, но объект attrs во Vue как 2, так и 3 - такой же реактивный, как объект props. С остальным в целом согласен

0

19.12.2021

Grigorii K. Shartsev

На мой взгляд v-bind на $attrs норм, когда оборачивается какой-то другой элемент, и не хочется в компоненте просто дублировать все его атрибуты для html элемента. Но только для использования их, как именно атрибутов нативных, которые обычно наследуются корнем. Использовать их как атрибуты для навешивания стилей - странно. Для этого всё-таки обычно используют классы.

0

19.12.2021

Artyom Tuchkov

Grigorii K. Shartsev
Может я не в контексте обсуждения, но объект attrs...

насколько я знаю, в тройке он не реактивный, и, соответственно, в двойке тоже https://v3.vuejs.org/guide/composition-api-setup.html#context правда я ни разу не сталкивался с кейсом, когда вообще нужна реактивность для него, поэтому на 100% не уверен но, судя по доке, это так

0

19.12.2021

Kirill Cherednik 🐧 Автор вопроса

Grigorii K. Shartsev
На мой взгляд v-bind на $attrs норм, когда оборачи...

Спасибо. Буду думать.

0

19.12.2021

Artyom Tuchkov · Accepted Answer

во-первых, attrs не реактивные, поэтому ты не можешь отследить изменение атрибутов во-вторых, описывая пропы, ты описываешь контракт взаимодействия с компонентом и явно указываешь, что компонент имеет состояние disabled, без пропов никто об этом не узнает ну и, в-третьих, attrs может содержать какой угодно мусор, который нежелательно накидывать целиком на элемент, рано или поздно это приведет к тому, что в DOM будет пачка ненужных атрибутов, которые не используются элементом, но висят на нем в общем, attrs - не замена пропов даже близко

169 похожих чатов

Приветствую. Такой вопрос. В компонентах раньше на для добавления новых

5 ответов

Похожие вопросы