Fully agree, VueJS is great! I always asked myself why someone would need different styles in just one component and not globally:
* Is there any special usecase for that kind of feature? I mean a button is a button and should always look the same (except maybe size and color)...
* Aren't components always looking the same way and a simple naming/clustering-strategy like BEM is enough to be flexible to change the style of some specific component?
C++ added scoped variables and it was generally regarded as a good thing. Is a 'naming strategy' a reason not to have scoped variables in regular programming languages?
Scoped CSS (like CSS Modules, or whatever Vue has) is just taking BEM, building that into the language and handling it for you automatically without having to worry about silly Block__object--modifier rules.
There are few applications like lets say the component renders a D3 graph and all you need is style contained only to that but I tend to always place my styles globally than keeping it in each Vue file.
* Is there any special usecase for that kind of feature? I mean a button is a button and should always look the same (except maybe size and color)...
* Aren't components always looking the same way and a simple naming/clustering-strategy like BEM is enough to be flexible to change the style of some specific component?
[Edit] formatting