2c:I[682187,["/_next/static/chunks/1huogdesgpy9a.js","/_next/static/chunks/2na0z44panskx.js","/_next/static/chunks/1ucjuctpirhhh.js","/_next/static/chunks/3hsu71echd5uy.js","/_next/static/chunks/1426biy2tmpyw.js","/_next/static/chunks/2r11eiierwn8q.js","/_next/static/chunks/1li7mx2krvlrj.js","/_next/static/chunks/2xyngpe5gfy11.js","/_next/static/chunks/09k7koodrw0-7.js","/_next/static/chunks/1va1sc8qyfrqp.js","/_next/static/chunks/2_6we-6-6yuc-.js","/_next/static/chunks/112f4s7sg6j8c.js","/_next/static/chunks/3zdtzq4yufx0m.js","/_next/static/chunks/1czfh4j68xwib.js","/_next/static/chunks/3c_w8gbdmfog6.js","/_next/static/chunks/2gzsov67r4g_d.js","/_next/static/chunks/2gm6h4j_r4hm7.js","/_next/static/chunks/22yh65oigkb6d.js","/_next/static/chunks/0jok91op_zxwh.js","/_next/static/chunks/3lp4_8kjgjuhs.js","/_next/static/chunks/0v9dy_hr26f3m.js","/_next/static/chunks/2xmvz6o-tkmm6.js","/_next/static/chunks/1b52kyf0q_qpa.js","/_next/static/chunks/3fe77e7oiqap8.js","/_next/static/chunks/44hsvn7561olu.js","/_next/static/chunks/0gufd77a2db0x.js","/_next/static/chunks/0nak80v708se0.js","/_next/static/chunks/1yy7b4h8wip0d.js","/_next/static/chunks/3cfwushiclwub.js","/_next/static/chunks/1-gwmh13_vz6f.js","/_next/static/chunks/39u27a_8jqe6m.js","/_next/static/chunks/3_t0rqqw7dnag.js"],"QuestionsDatabase"] 2d:T120e,{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Да, "},{"type":"text","marks":[{"type":"bold"}],"text":"в одном компоненте можно использовать несколько слотов"},{"type":"text","text":" — и это стандартная практика в Vue."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Для этого используются "},{"type":"text","marks":[{"type":"bold"}],"text":"именованные слоты"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":1},"content":[{"type":"text","text":"✅ Как работает несколько слотов?"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"В дочернем компоненте вы объявляете несколько "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" с атрибутом "},{"type":"text","marks":[{"type":"bold"}],"text":"name"},{"type":"text","text":":"}]},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"Дочерний компонент (Card.vue)"}]},{"type":"codeBlock","attrs":{"language":"vue"},"content":[{"type":"text","text":"\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":1},"content":[{"type":"text","text":"🎯 Родительский компонент может заполнить каждый слот"}]},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"Родитель"}]},{"type":"codeBlock","attrs":{"language":"vue"},"content":[{"type":"text","text":"\n \n\n

Основной текст карточки

\n\n \n\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":1},"content":[{"type":"text","text":"🔥 Итоговый результат:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"в "},{"type":"text","marks":[{"type":"code"}],"text":"header"},{"type":"text","text":" попадает "},{"type":"text","marks":[{"type":"code"}],"text":"

Заголовок

"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"в default слот — "},{"type":"text","marks":[{"type":"code"}],"text":"

Основной текст...

"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"в "},{"type":"text","marks":[{"type":"code"}],"text":"footer"},{"type":"text","text":" — кнопка"}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":1},"content":[{"type":"text","text":"✔ Да, можно иметь сколько угодно слотов"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"2 слота"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"5 слотов"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"10 слотов"}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Vue не ограничивает количество, главное — чтобы:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"каждый именованный слот имел уникальное имя"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"родитель использовал соответствующий "},{"type":"text","marks":[{"type":"code"}],"text":"#slotName"}]}]}]},{"type":"paragraph","attrs":{"textAlign":null}}]}21:["$","$L2c",null,{"data-testid":"QuestionsDatabasePage","directionId":"1","questionId":"2971","questionData":{"current":{"id":2971,"type":"boolean","text":"{\"type\":\"doc\",\"content\":[{\"type\":\"paragraph\",\"attrs\":{\"textAlign\":null},\"content\":[{\"type\":\"text\",\"text\":\"Можно ли использовать несколько слотов в одном компоненте?\"}]}]}","title":"Можно ли использовать несколько слотов в одном компоненте?","order":61201,"premium":false,"isPopular":false,"explanation":"$2d","grade":"trainee","language":null,"generationSource":"USER","framework":null,"expectedAnswer":null,"categoryId":98,"createdAt":"$D2025-11-27T19:55:15.642Z","updatedAt":"$D2025-11-27T19:55:15.642Z","category":{"id":98,"title":"Слоты и шаблоны","directions":[{"categoryId":98,"directionId":1,"direction":{"id":1,"title":"Frontend","order":1,"isReady":true,"isVisible":true,"languages":[],"hasGrades":null,"frameworks":[],"createdAt":"$D2025-09-07T10:00:20.829Z","updatedAt":"$D2025-09-07T10:00:37.597Z"}}],"parent":{"title":"Vue","id":6,"parent":null}}},"previous":{"title":"Что такое слот в Vue?","id":2970,"premium":false,"category":{"id":98,"parent":{"title":"Vue","id":6,"parent":null},"directions":[{"directionId":1}]}},"next":{"title":"Для чего нужны именованные слоты?","id":2972,"premium":false,"category":{"id":98,"parent":{"title":"Vue","id":6,"parent":null},"directions":[{"directionId":1}]}}}}]

Можно ли использовать несколько слотов в одном компоненте?

Комментарии