Don’t use scoped and take control of the css namespace yourself

You can name each component with a specific and unique class, and the CSS of the component is within the scope of this naming.

For example, header is a subcomponent of index

.header-comp{ h2{ } .title{ } }

.index-view{ .container{ } }

Final rendering

.index-view{} .index-view xxx{} .header-comp{} .hader-comp .xxxx{}