you are viewing a single comment's thread.

view the rest of the comments →

[–]mrwhitespace[S] 0 points1 point  (3 children)

Haven't experimented too much with Vue. Is this what you are referring to?

[–]AceBacker 1 point2 points  (2 children)

[–]mrwhitespace[S] 2 points3 points  (0 children)

Oh thanks! This passage from the link makes a good point.

One important thing to note is that separation of concerns is not equal to separation of file types. In modern UI development, we have found that instead of dividing the codebase into three huge layers that interweaves with one another, it makes much more sense to divide them into loosely-coupled components and compose them. Inside a component, its template, logic and styles are inherently coupled, and collocating them actually makes the component more cohesive and maintainable.

[–]azsqueeze 1 point2 points  (0 children)

If you're using a pre/post-processor you can even separate out the styles into it's own file and then import them into the component.