CSSに関する懸念点がある。単一ファイルコンポーネントでは以下の描き方でローカルスコープで閉じたスタイル指定が可能となっている。Text</h1>カスタムデータ属性を利用してコンポーネント毎に一意なIDを割り振ることでローカルスコープを実現している。ここまで見れば問題ないかのように見える。コンポーネントのネストが発生した際に問題がある。以下のような、コンポーネント内にコンテンツが入る前提のコンポーネントが存在しているとする。bold;}</style>この.content内に先程のコンポーネントを入れた場合、コンパイル結果は以下のようになる。</div></section>見て分かる通り、ネストされたコンポーネントには複数のIDが割り振られてしまい、結果親コンポーネントのスタイルの影響を受けてしまう。スコープという概念から考えると親スコープの影響を受けるのは当然といえば当然だが、「単一ファイルコンポーネントだから名前被りを気にしなくても良い」なんて考えでいると痛い目を見る可能性がある。単一ファイルコンポーネントだとしても、BEM等を利用して名前被りしない命名が必要となってくる。なってくるとコンポーネントスコープCSSという機能を利用するのに意味があるのか。ここらへんまだまとまってないが、ひとまず下手に飛びつかないようにはしておきたい。両方の影響をうけます。公式読めばルートノードは両方の影響受けるって書いてたわ影響を受けるのがルートノードだけであるなら、「コンポーネントルートのクラス名はコンポーネント名と同様にする」等のルールで問題なくなりそう。