Парни, привет. У меня тут компоненты, и смутило что в

Question

Парни, привет. У меня тут компоненты, и смутило что в

одном месте находятся и <template>, и логика самого компонента (methods, mounted, props, data), и CSS внизу через <style>
Это нормально или мб можно разделить грамотно?
Помню что в реакте вообще можно было хотя бы JSX-компонент и CSS-модули сделать. подскажите что гуглить

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

0

22.04.2021

16 ответов

23 просмотра

Санжар 🚂 Автор вопроса

Aslanator
так задумано

не может так быть. есть же хотя бы css-modules?

0

22.04.2021

Stanislav S

совсем не обьязательно это писать в компоненте

0

22.04.2021

Aslanator

Санжар 🚂
не может так быть. есть же хотя бы css-modules?

да можно сделать все что угодно, но по умолчанию предполагается вот так.

0

22.04.2021

Санжар 🚂 Автор вопроса

Stanislav S
совсем не обьязательно это писать в компоненте

а где можно? как обычно вы делаете?

0

22.04.2021

Stanislav S

Санжар 🚂
а где можно? как обычно вы делаете?

все тоже самое что и на других фреймворках, цсс модули, sass/scss/less модули как хотите

0

22.04.2021

kristina right

подход single file component - в этом его фишка)) что у теюя все, что касается конкретно этого и только этого компонента - все находится под рукой)

0

22.04.2021

Grigorii K. Shartsev

В этом суть *однофайлового* компонента, он потому и однофайловый. CSS легко вынести в отдельный файл и часто выносят. <style src="./component.css"> В целом можно и скрипт вынести <script src="./Component.js"> Но тогда будет поддержку IDE хуже иногда и не очень понятно, зачем. Шаблон и логика компонента сильно связаны, часто придётся сказать между ними. > вообще можно было хотя бы JSX Так там же как раз получается больше потенциальная каша между представлением и логикой, а не разделение

0

22.04.2021

Grigorii K. Shartsev

Санжар 🚂
не может так быть. есть же хотя бы css-modules?

А CSS Modules - это уже другое ведь. Они могут быть и в том же файле, и в отдельном

0

22.04.2021

Санжар 🚂 Автор вопроса

Grigorii K. Shartsev
В этом суть *однофайлового* компонента, он потому ...

вопрос некорректно задал изначально. да, про JSX вы правы. насчет файла да, правда. уже вынес все в файлы и раскидал по папкам, стало лучше :) спасибо большое.

0

22.04.2021

Grigorii K. Shartsev

Санжар 🚂
вопрос некорректно задал изначально. да, про JSX в...

А в чём вопрос?)

0

22.04.2021

Dinar Galimov

Санжар 🚂
вопрос некорректно задал изначально. да, про JSX в...

Там ещё и шаблон можно вынести в отдельный файл, будет у вас 4 файла на один компонент) А вообще я так же раньше делал, а теперь не вижу смысла так разделять компонент. Если у вас компонент получается слишком большим, то наверное вы что то делаете не так и этот компонент нужно поделить на другие компоненты?

0

22.04.2021

Санжар 🚂 Автор вопроса

Grigorii K. Shartsev
А в чём вопрос?)

Да вопроса нет как такового. Я просто сам тему вглубь не копал и ниже Динар очень правильно отметил, я там в итоге компонент на 3 разделил и все отлично :)

0

22.04.2021

kristina right

Dinar Galimov
Там ещё и шаблон можно вынести в отдельный файл, б...

и хуки все разделить)) тогда можно один компонент на 6 файлов поделить а то и больше:D согласна, это неудобно

0

22.04.2021

Dinar Galimov

kristina right
и хуки все разделить)) тогда можно один компонент ...

Это когда к телевизору подключёна тв-приставка, домашний кинотеатр, ещё что нибудь и сидишь как мудак с кучей пультов

0

22.04.2021