nuxtjsでpagesでのscoped styleの使用

Question

nuxtjsを使い始めました。
pagesの中のコンポーネントにおいて、

<style scoped> </style>

を使用しようとしましたが、CSSがちゃんと適用されません。
pagesの中ではscoped styleは使用できないのでしょうか？
よろしくお願いします。

Answer 1

こちらのvgcコマンドにて自動生成した
vueファイルを使ってみて下さい。

ちゃんと、scopedは効くはずです。
ただし、デフォルトがlang="scss"なので
node-sassとsass-loaderはインストールしておいて下さい。

nuxtはcreate-nuxt-appでビルドするのがおすすめです。
nuxtコミュニティのテンプレートはnuxtのコアを古いバージョンのものを使っているので
あまりおすすめではありません。

create-nuxt-appでビルドしたプロジェクトのnuxtも現在v2.0.0なので
最新のv2.3.2にしておくのがオススメです。