TGViewer
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js @frontendproglib · 20.9K subscribers
Post #8303 1.77K
💡 Vue.js: не усложняйте v-bind

В Vue часто можно встретить такой код:


<UserCard :user="user" :config="config" />


🔴 На первый взгляд кажется, что :user="user" и :config="config" избыточны. Но здесь двоеточие — это сокращение для v-bind:


<UserCard v-bind:user="user" v-bind:config="config" />


🔴 При этом Vue позволяет сократить запись ещё сильнее, если имя пропса совпадает с именем переменной:


<UserCard :user :config />


То есть Vue сам понимает, что нужно передать значения переменных user и config в одноимённые props.

Мелочь, но в компонентах с большим количеством props заметно чище.

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#hotfix
  • 👍 19
  • ❤ 4
  • 🌚 4
  • 🥱 3
More from @frontendproglib
  1. Sep 20, 2026🤔 Вопрос с собеседования Что выведет этот код? ❤️ — undefined 🔥 — "Alex" 👍 — "Max" 🤔 —…
  2. Sep 19, 2026📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause
  3. Sep 18, 2026🤔 Вопрос с собеседования Что выведет этот код? ❤️ — 42 и 42 🔥 — 42 и undefined 👍 — unde…
  4. Sep 17, 2026📎 Шпаргалка по фронтенду Этот документ объединяет ключевые темы, техники и механизмы, кот…
  5. Sep 16, 2026💛 Шрифт, который превращает текст в графики Datatype — необычный шрифт из Google Fonts, к…
  6. Sep 15, 2026⭐️ Шпаргалка по Grid alignment Если вы хоть раз путались между justify-* и align-* — вы не…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →