отдельно или в css папке? Или совмещать?
я создал зеркальную структуру стилей для компонентов и стили пишу отдельно
Можно подробнее? Получается в компонентах вообще стили не используете?
совсем не использую, допустим есть структура components/ component1 component2 и есть стили styles/ component1 component2
А если? components/ component1 styles.css Component.vue
ну кто то делает и так) я попробовал, мне не понравилось, из-за количества файлов в папке
Солидарен. Тоже так делаю. Очень нравится. Пока существенных минусов не встречал в подобном подходе.
ну а какие могут быть?) всё же логично есть компонент и есть его стили, называются 1 в 1)
Просто в доках рекомендуют именно стили запихивать в vue файл(.
да, но тогда будет раздутый vue файл
Согласен. Просто может не знаю чего-то. Ведь не зря же создатели фреймворка именно так рекомендуют.
ну если прям сильно важно, то можно делать так же как я предложил, но при этом делать импорт стиля в компонент
Да не важно. Просто для себя хотел уточнить. Может какие-то есть подводные камни).
В компоненте конечно же, для этого и были придуманы SFC
А как же общие css стили?
В App.vue
Чем думаете такой подход плох?
Разве не удобнее хранить в отдельных css?
А шо и нет, как бы?
Рефачить такой код и поддерживать как по мне гораздо сложнее чем когда оно всё лежит в одном файле
Ну даже не знаю. Мне кажется такое себе крутить три экрана вниз чтобы понять как считается какой-нибудь computed в вёрстке
Зачем? У вас стили последним блоком, или вы читаете снизу вверх?
Нет, я про вынос шаблона например
Я шаблон не выносил, но и дичью мне это не кажется
У меня на проекте сейчас есть такие компоненты в которых разнесены шаблон и js, это АДСКИ неудобно
Ясно, просто по опыту) Учтём)
То есть для каждого компонента отдельный Css файл ?
Ну да
А обнуление в main.js тогда пишешь для всех компонентов что бы было
Что за обнулении?
Обнуление стилей в css
Или я не правильно понял?
Я вас обоих не пойму
Обсуждают сегодня