Vue.js 2: Scoped style not working with sass/scss

Question

In my Vue.js component when I set the style to \"scoped\", the styles are ignored:

which will be compiled into

.a[data-v-f3f3eg9] .b { /* ... */ }

If SASS is unable to parse the >>> combinator you can replace it with /deep/ instead.

If you do not use the combinator then

would be compiled into

.a > .b[data-v-f3f3eg9] { /* ... */ }