vue.jsなどは主にSPAといった、データ志向な動的ページなど向いていると思うのですが、
一般的な静的サイトになんとかvue.js(vue-loader)の下記のメリットを持ち込めないか、
を考えています。

単一コンポーネント
→CSS/HTML/JSを1つのファイルで管理
→scoped cssが扱える

やはり静的サイトとはいえど、ページ数が増え、コンテンツが拡張されていくと
JSやCSSの管理が非常に大変になってくると思います。
（CSSでいえばclassのバッティングなど）

この単一コンポーネントを使えば

・HTML/CSS/JSの距離が近くなり、見通しが良くなるのでは
・scoped cssである程度cssが楽になるのでは

と考えました。

具体的に知りたいことは、

このような同じ目的で静的サイトを構築したことがある方がいらっしゃったら、
その際のメリット（良かった点）・デメリットなどを教えてください。
もしくは、「そもそもこのためにvueを利用しない方がいい」という場合は、
他になにか同じようなことを実現できるものがあれば教えてください。